diff --git a/package-lock.json b/package-lock.json index 33f243e..2a7b9a7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7,7 +7,7 @@ "dependencies": { "alpinejs": "^3.13.5", "clipboard": "^2.0.6", - "highlight.js": "^10.5.0", + "highlight.js": "^11.9.0", "highlightjs-line-numbers.js": "^2.8.0", "indent-textarea": "^4.0.0", "laravel-vite-plugin": "^1.0.0", @@ -1127,11 +1127,11 @@ } }, "node_modules/highlight.js": { - "version": "10.7.3", - "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz", - "integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==", + "version": "11.9.0", + "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.9.0.tgz", + "integrity": "sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==", "engines": { - "node": "*" + "node": ">=12.0.0" } }, "node_modules/highlightjs-line-numbers.js": { diff --git a/package.json b/package.json index 2e71150..daa86d9 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "dependencies": { "alpinejs": "^3.13.5", "clipboard": "^2.0.6", - "highlight.js": "^10.5.0", + "highlight.js": "^11.9.0", "highlightjs-line-numbers.js": "^2.8.0", "indent-textarea": "^4.0.0", "laravel-vite-plugin": "^1.0.0", diff --git a/resources/css/app.scss b/resources/css/app.scss index f2d816e..fe7ed2e 100644 --- a/resources/css/app.scss +++ b/resources/css/app.scss @@ -20,6 +20,3 @@ .hljs-ln td.hljs-ln-numbers div { @apply inline-block px-2 w-full; } -.hljs-ln td.hljs-ln-line { - @apply py-1; -} diff --git a/resources/js/app.js b/resources/js/app.js index ba9cefb..cc96ed5 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -19,9 +19,9 @@ if (textarea) { import 'highlightjs-line-numbers.js'; document.addEventListener('DOMContentLoaded', (event) => { - document.querySelectorAll('pre code').forEach((block) => { - hljs.highlightBlock(block); - hljs.lineNumbersBlock(block); + document.querySelectorAll('pre code').forEach((el) => { + hljs.highlightElement(el); + hljs.lineNumbersBlock(el); }); });