Setup alias for use in standalone chill-bundles project and replace relative paths

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Comment.vue

@@ -16,7 +16,8 @@
         <ckeditor
           name="content"
           :placeholder="$t('comment.content')"
-          :editor="editor"
+          :editor="classicEditor"
+          :config="editorConfig"
           v-model="content"
           tag-name="textarea"
         />
@@ -60,18 +61,18 @@
 </template>
 
 <script>
-import CKEditor from "@ckeditor/ckeditor5-vue";
-import ClassicEditor from "../../../../../../ChillMainBundle/Resources/public/module/ckeditor5/editor_config";
+import { ClassicEditor } from "ckeditor5";
+import { Ckeditor } from "@ckeditor/ckeditor5-vue";
+import classicEditorConfig from "ChillMainAssets/module/ckeditor5/editor_config";
 import { mapState } from "vuex";
 
 export default {
   name: "Comment",
   components: {
-    ckeditor: CKEditor.component,
+    ckeditor: Ckeditor,
   },
   data() {
     return {
-      editor: ClassicEditor,
       loading: false,
       lastRecordedContent: null,
     };
@@ -80,6 +81,8 @@ export default {
     ...mapState({
       pinnedComment: (state) => state.accompanyingCourse.pinnedComment,
     }),
+    classicEditor: () => ClassicEditor,
+    editorConfig: () => classicEditorConfig,
     content: {
       set(value) {
         console.log("new comment value", value);

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/WriteComment.vue

@@ -22,6 +22,7 @@
           name="content"
           :placeholder="$t('comment_placeholder')"
           :editor="editor"
+          :config="editorConfig"
           v-model="content"
           tag-name="textarea"
         />
@@ -38,14 +39,15 @@
 <script>
 import Modal from "ChillMainAssets/vuejs/_components/Modal.vue";
 import { makeFetch } from "ChillMainAssets/lib/api/apiMethods";
-import CKEditor from "@ckeditor/ckeditor5-vue";
-import ClassicEditor from "ChillMainAssets/module/ckeditor5/editor_config";
+import { Ckeditor } from "@ckeditor/ckeditor5-vue";
+import classicEditorConfig from "ChillMainAssets/module/ckeditor5/editor_config";
+import { ClassicEditor } from "ckeditor5";
 
 export default {
   name: "WriteComment",
   components: {
     Modal,
-    ckeditor: CKEditor.component,
+    ckeditor: Ckeditor,
   },
   props: ["resource"],
   emits: ["updateComment"],
@@ -55,7 +57,6 @@ export default {
         showModal: false,
         modalDialogClass: "modal-dialog-scrollable modal-xl",
       },
-      editor: ClassicEditor,
       formdata: {
         content: this.resource.comment,
       },
@@ -71,6 +72,8 @@ export default {
     },
   },
   computed: {
+    editor: () => ClassicEditor,
+    editorConfig: () => classicEditorConfig,
     content: {
       set(value) {
         this.formdata.content = value;