syntax highlight working

package.json

@@ -1,7 +1,8 @@
 {
     "devDependencies": {
-        "@popperjs/core": "^2.11.5",
-        "@symfony/webpack-encore": "^1.7.0",
+        "@hotwired/stimulus": "^3.0.0",
+        "@symfony/stimulus-bridge": "^3.0.0",
+        "@symfony/webpack-encore": "^2.0.0",
         "core-js": "^3.0.0",
         "file-loader": "^6.0.0",
         "jquery": "^3.6.0",
@@ -11,7 +12,7 @@
         "sass-loader": "^12.0.0",
         "ts-loader": "^9.0.0",
         "typescript": "^4.6.4",
-        "vue-loader": "16",
+        "vue-loader": "^17.0.0",
         "webpack-manifest-plugin": "^5.0.0",
         "webpack-notifier": "^1.6.0"
     },
@@ -35,6 +36,7 @@
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-vue": "^8.7.1",
         "fork-awesome": "^1.2.0",
+        "highlightjs": "^9.16.2",
         "husky": "^7.0.4",
         "less": "^4.1.2",
         "marked": "^4.0.15",
@@ -44,6 +46,7 @@
         "vue": "3",
         "vue-navigation-bar": "^5.0.0",
         "vue-router": "4",
-        "vue3-editor": "^0.1.1"
+        "vue3-editor": "^0.1.1",
+        "vue3-highlightjs": "^1.0.5"
     }
 }