💚 make linter happy

Author: FabianWilms

personalization-webcomponents/index-my-checklists.html

@@ -36,9 +36,9 @@
       </strong>
     </noscript>
     <div>
-        <my-checklists
-            checklist-detail-url="./index-checklist-detail.html"
-        ></my-checklists>
+      <my-checklists
+        checklist-detail-url="./index-checklist-detail.html"
+      ></my-checklists>
     </div>
   </body>
 </html>

personalization-webcomponents/src/api/dummyservice/DummyChecklist.ts

@@ -1,9 +1,9 @@
 import type DummyChecklistItem from "@/api/dummyservice/DummyChecklistItem.ts";
 
 export default interface DummyChecklist {
-    id: string;
-    title: string;
-    lhmExtId: string;
-    items: DummyChecklistItem[];
-    lastUpdated: Date;
+  id: string;
+  title: string;
+  lhmExtId: string;
+  items: DummyChecklistItem[];
+  lastUpdated: Date;
 }

personalization-webcomponents/src/components/ChecklistCard.vue

@@ -73,7 +73,10 @@ import { computed } from "vue";
 
 import ChecklistitemListitem from "@/components/checklistitem-listitem.vue";
 import MucChip from "@/components/common/muc-chip.vue";
-import {getChecklistIconByTitle, QUERY_PARAM_CHECKLIST_ID} from "@/util/constants.ts";
+import {
+  getChecklistIconByTitle,
+  QUERY_PARAM_CHECKLIST_ID,
+} from "@/util/constants.ts";
 
 const props = defineProps<{
   checklist: DummyChecklist;
@@ -95,7 +98,6 @@ const firstThreeItemsSortedByChecked = computed(() => {
   return sortedItems.slice(0, 3);
 });
 
-
 function gotoChecklist(checklistId: string) {
   location.href = `${props.checklistDetailUrl}?${QUERY_PARAM_CHECKLIST_ID}=${checklistId}`;
 }

personalization-webcomponents/src/components/common/skeleton-loader.vue

@@ -8,9 +8,7 @@ import { MucCard } from "@muenchen/muc-patternlab-vue";
       <div class="skeleton-wrapper">
         <div class="skeleton-col skeleton-details">
           <div class="skeleton-row skeleton-name">
-            <span
-              class="skeleton-name-text skeleton-loader"
-            />
+            <span class="skeleton-name-text skeleton-loader" />
           </div>
         </div>
       </div>
@@ -19,14 +17,10 @@ import { MucCard } from "@muenchen/muc-patternlab-vue";
       <div class="skeleton-wrapper">
         <div class="skeleton-col skeleton-details">
           <div class="skeleton-row skeleton-description">
-            <span
-              class="skeleton-description-text skeleton-loader"
-            />
+            <span class="skeleton-description-text skeleton-loader" />
           </div>
           <div class="skeleton-row skeleton-description">
-            <span
-              class="skeleton-description-text skeleton-loader"
-            />
+            <span class="skeleton-description-text skeleton-loader" />
           </div>
         </div>
       </div>
@@ -74,7 +68,10 @@ import { MucCard } from "@muenchen/muc-patternlab-vue";
   margin-bottom: 13px;
 }
 
-.skeleton-wrapper .skeleton-details .skeleton-description .skeleton-description-text {
+.skeleton-wrapper
+  .skeleton-details
+  .skeleton-description
+  .skeleton-description-text {
   font-size: 13px;
   line-height: 18px;
   color: #666666;

personalization-webcomponents/src/my-checklists.vue

@@ -1,35 +1,35 @@
 <template>
   <main class="container">
     <!-- eslint-disable-next-line vue/no-v-html -->
-    <div v-html="mucIconsSprite"/>
+    <div v-html="mucIconsSprite" />
     <!-- eslint-disable-next-line vue/no-v-html -->
-    <div v-html="customIconsSprite"/>
+    <div v-html="customIconsSprite" />
     <h2 style="display: flex; align-items: center; margin-bottom: 24px">
       <muc-icon
-          style="width: 32px; height: 32px; margin-right: 8px"
-          icon="order-bool-ascending"
+        style="width: 32px; height: 32px; margin-right: 8px"
+        icon="order-bool-ascending"
       ></muc-icon>
       Aktive Checklisten ({{ checklists.length }})
     </h2>
     <muc-card-container
-        v-if="loading"
-        class="checklist-card-container"
+      v-if="loading"
+      class="checklist-card-container"
     >
       <skeleton-loader
-          v-for="elem in [1, 2, 3, 4]"
-          :key="elem"
+        v-for="elem in [1, 2, 3, 4]"
+        :key="elem"
       >
       </skeleton-loader>
     </muc-card-container>
     <muc-card-container
-        v-else
-        class="checklist-card-container"
+      v-else
+      class="checklist-card-container"
     >
       <checklist-card
-          v-for="(checklist, index) in checklists"
-          :key="index"
-          :checklist="checklist"
-          :checklist-detail-url="checklistDetailUrl"
+        v-for="(checklist, index) in checklists"
+        :key="index"
+        :checklist="checklist"
+        :checklist-detail-url="checklistDetailUrl"
       >
       </checklist-card>
     </muc-card-container>
@@ -39,10 +39,10 @@
 <script setup lang="ts">
 import type DummyChecklist from "@/api/dummyservice/DummyChecklist.ts";
 
-import {MucCardContainer, MucIcon} from "@muenchen/muc-patternlab-vue";
+import { MucCardContainer, MucIcon } from "@muenchen/muc-patternlab-vue";
 import customIconsSprite from "@muenchen/muc-patternlab-vue/assets/icons/custom-icons.svg?raw";
 import mucIconsSprite from "@muenchen/muc-patternlab-vue/assets/icons/muc-icons.svg?raw";
-import {onMounted, ref} from "vue";
+import { onMounted, ref } from "vue";
 
 import DummyChecklistService from "@/api/dummyservice/DummyChecklistService.ts";
 import ChecklistCard from "@/components/ChecklistCard.vue";
@@ -60,11 +60,11 @@ onMounted(() => {
   loading.value = true;
   const dcl = new DummyChecklistService();
   dcl
-      .getChecklists()
-      .then((checklist) => {
-        checklists.value = checklist;
-      })
-      .finally(() => (loading.value = false));
+    .getChecklists()
+    .then((checklist) => {
+      checklists.value = checklist;
+    })
+    .finally(() => (loading.value = false));
 });
 </script>