product page and linter

pages/[id]/[slug].vue

@@ -1,7 +1,11 @@
 <template>
   <KeepAlive>
-    <component :is="component.componentInstance" v-for="component in componentsList" :key="component.name"
-      :component="component.component" />
+    <component
+      :is="component.componentInstance"
+      v-for="component in componentsList"
+      :key="component.name"
+      :component="component.component"
+    />
   </KeepAlive>
 </template>
 
@@ -12,8 +16,7 @@ import ScrollTrigger from 'gsap/ScrollTrigger'
 gsap.registerPlugin(ScrollTrigger)
 
 watch(useColorMode(), (color) => {
-  console.log(color);
-
+  console.log(color)
 })
 
 onMounted(() => {
@@ -21,21 +24,21 @@ onMounted(() => {
     'h1',
     {
       opacity: 0,
-      zoom: 0.95
+      zoom: 0.95,
     },
     {
       opacity: 1,
       duration: 1,
       zoom: 1,
       ease: 'power2.out',
-    }
+    },
   )
 
   ScrollTrigger.create({
     trigger: 'h1',
     start: 'top 80%',
-    onEnter: () => anim.restart(),       // play when scrolling down
-    onEnterBack: () => anim.restart(),   // play again when scrolling up
+    onEnter: () => anim.restart(), // play when scrolling down
+    onEnterBack: () => anim.restart(), // play again when scrolling up
   })
 
   const animh2 = gsap.fromTo(
@@ -48,31 +51,27 @@ onMounted(() => {
       // opacity: 1,
       // duration: 1,
       ease: 'power2.out',
-    }
+    },
   )
 
   ScrollTrigger.create({
     trigger: 'h2',
     start: 'top 80%',
-    onEnter: () => animh2.restart(),       // play when scrolling down
-    onEnterBack: () => animh2.restart(),   // play again when scrolling up
+    onEnter: () => animh2.restart(), // play when scrolling down
+    onEnterBack: () => animh2.restart(), // play again when scrolling up
   })
-
-
 })
 
-
-const route = useRoute();
-const store = useStore();
-const menuStore = useMenuStore();
-await store.getSections(route.params.id);
+const route = useRoute()
+const store = useStore()
+const menuStore = useMenuStore()
+await store.getSections(route.params.id)
 
 onMounted(() => {
-  menuStore.openMenu = false;
-});
+  menuStore.openMenu = false
+})
 
-useHead(menuStore.headMeta);
+useHead(menuStore.headMeta)
 
 const componentsList = await store.getComponents(route.params.id)
-
-</script>
+</script>