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

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue

@@ -29,7 +29,12 @@
     </div>
 
     <div class="item-row comment">
-      <ckeditor :editor="editor" v-model="comment" tag-name="textarea" />
+      <ckeditor
+        :editor="classicEditor"
+        :config="editorConfig"
+        v-model="comment"
+        tag-name="textarea"
+      />
     </div>
 
     <div class="item-row participation-details">
@@ -98,23 +103,21 @@ div.participation-details {
 <script>
 import { mapGetters } from "vuex";
 import PersonRenderBox from "ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue";
-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: "MemberDetails",
   components: {
     PersonRenderBox,
-    ckeditor: CKEditor.component,
+    ckeditor: Ckeditor,
   },
   props: ["conc"],
-  data() {
-    return {
-      editor: ClassicEditor,
-    };
-  },
   computed: {
     ...mapGetters(["concByPersonId"]),
+    classicEditor: () => ClassicEditor,
+    editorConfig: () => classicEditorConfig,
     isHolder() {
       return this.conc.holder;
     },

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/PersonComment.vue

@@ -5,27 +5,26 @@
       $t('household_members_editor.positioning.comment_placeholder')
     "
     :editor="editor"
+    :config="editorConfig"
     v-model="content"
     tag-name="textarea"
   />
 </template>
 
 <script>
-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: "PersonComment.vue",
   components: {
-    ckeditor: CKEditor.component,
+    ckeditor: Ckeditor,
   },
   props: ["conc"],
-  data() {
-    return {
-      editor: ClassicEditor,
-    };
-  },
   computed: {
+    editor: () => ClassicEditor,
+    editorConfig: () => classicEditorConfig,
     content: {
       get() {
         return this.$props.conc.comment || "";

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Positioning.vue

@@ -43,7 +43,7 @@
         </div>
       </div>
       <div class="item-row">
-        <div>
+        <div class="col-12">
           <h6>{{ $t("household_members_editor.positioning.comment") }}</h6>
           <person-comment :conc="conc" />
         </div>