IP-306: Create a new .js file for the page that will declare the Vue …

…component.

resources/assets/js/project/manage-project-problem-solutions.js

@@ -0,0 +1,23 @@
+import SolutionsManagement from "../vue-components/backoffice/management/solution/SolutionsManagement.vue";
+import { createApp } from "vue";
+import store from "../store/store";
+import DOMPurify from "dompurify";
+
+const app = createApp({
+	components: {
+		SolutionsManagement,
+	},
+});
+
+// Register the "sane-html" directive globally
+app.directive("sane-html", {
+	updated(el, binding) {
+		el.innerHTML = DOMPurify.sanitize(binding.value);
+	},
+	mounted(el, binding) {
+		el.innerHTML = DOMPurify.sanitize(binding.value);
+	},
+});
+
+app.use(store);
+app.mount("#app");

resources/views/backoffice/management/solution/index.blade.php

@@ -10,8 +10,8 @@
         </div>
     </div>
 
-    <problems-management></problems-management>
+    <solutions-management></solutions-management>
 @endsection
 @push('scripts')
-    @vite('resources/assets/js/project/manage-project-problems.js')
+    @vite('resources/assets/js/project/manage-project-problem-solutions.js')
 @endpush

vite.config.mjs

@@ -51,6 +51,7 @@ export default defineConfig({
 				"resources/assets/js/project/landing-page.js",
 				"resources/assets/js/project/manage-project.js",
 				"resources/assets/js/project/manage-project-problems.js",
+				"resources/assets/js/project/manage-project-problem-solutions.js",
 				"resources/assets/js/questionnaire/manage-questionnaires.js",
 				"resources/assets/js/questionnaire/my-questionnaire-responses.js",
 				"resources/assets/js/questionnaire/questionnaire-create-edit.js",