product page and linter

plugins/01_i18n.ts

@@ -1,30 +1,26 @@
-import type { VueI18n } from "vue-i18n";
-import type { RouteLocation, Router } from "vue-router";
-import type { CookieData, GenericResponse } from "~/types";
-
+import type { VueI18n } from 'vue-i18n'
+import type { RouteLocation, Router } from 'vue-router'
+import type { CookieData, GenericResponse } from '~/types'
 
 // Extend the NuxtApp type
 declare module '#app' {
   interface NuxtApp {
-    $session: Session;
+    $session: Session
   }
 }
 
 declare module 'vue' {
   interface ComponentCustomProperties {
-    $session: Session;
+    $session: Session
   }
 }
 
-
-
 export class Session {
-
-  cookieData = ref({} as CookieData);
+  cookieData = ref({} as CookieData)
   urlParams = new URLSearchParams()
-  currentLanguageIso = ref("" as string)
-  currentCountryIso = ref("" as string)
-  currentCurrencyIso = ref("" as string)
+  currentLanguageIso = ref('' as string)
+  currentCountryIso = ref('' as string)
+  currentCurrencyIso = ref('' as string)
 
   route = {} as RouteLocation
   router = {} as Router
@@ -37,30 +33,43 @@ export class Session {
     this.router = router
     this.i18n = i18n
 
-
-    this.setLanguage(this.route.query?.lang_iso ? this.route.query?.lang_iso as string : unref(i18n.locale))
-    this.setCountry(this.route.query?.country_iso ? this.route.query?.country_iso as string : "")
-    this.setCurrency(this.route.query?.currency_iso ? this.route.query?.currency_iso as string : "")
+    this.setLanguage(
+      this.route.query?.lang_iso
+        ? (this.route.query?.lang_iso as string)
+        : unref(i18n.locale),
+    )
+    this.setCountry(
+      this.route.query?.country_iso
+        ? (this.route.query?.country_iso as string)
+        : '',
+    )
+    this.setCurrency(
+      this.route.query?.currency_iso
+        ? (this.route.query?.currency_iso as string)
+        : '',
+    )
   }
 
-
   async loadSession() {
     if (this.sessionOngoing) return
     this.sessionOngoing = true
     this.setQueryParams()
-    const { data } = await useMyFetch<GenericResponse<CookieData>>(`/api/public/cookie?${this.urlParams.toString()}`, {
-      headers: {
-        "Content-Type": "application/json",
+    const { data } = await useMyFetch<GenericResponse<CookieData>>(
+      `/api/public/cookie?${this.urlParams.toString()}`,
+      {
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        onErrorOccured: (_, status) => {
+          throw new Error(`HTTP error: ${status}`)
+        },
       },
-      onErrorOccured: (_, status) => {
-        throw new Error(`HTTP error: ${status}`);
-      },
-    });
-    this.cookieData.value = data;
+    )
+    this.cookieData.value = data
     this.currentCountryIso.value = this.cookieData.value.country.iso_code
     this.currentLanguageIso.value = this.cookieData.value.language.iso_code
     this.currentCurrencyIso.value = this.cookieData.value.currency.iso_code
-    setTimeout(() => this.sessionOngoing = false, 2000)
+    setTimeout(() => (this.sessionOngoing = false), 2000)
   }
 
   setLanguage(iso: string) {
@@ -77,56 +86,53 @@ export class Session {
 
   setQueryParams() {
     if (this.currentLanguageIso.value.length > 0) {
-      this.urlParams.set("lang_iso", this.currentLanguageIso.value)
-    } else {
-      this.urlParams.delete("lang_iso")
+      this.urlParams.set('lang_iso', this.currentLanguageIso.value)
+    }
+    else {
+      this.urlParams.delete('lang_iso')
     }
 
     if (this.currentCountryIso.value.length > 0) {
-      this.urlParams.set("country_iso", this.currentCountryIso.value)
-    } else {
-      this.urlParams.delete("country_iso")
+      this.urlParams.set('country_iso', this.currentCountryIso.value)
+    }
+    else {
+      this.urlParams.delete('country_iso')
     }
 
     if (this.currentCurrencyIso.value.length > 0) {
-      this.urlParams.set("currency_iso", this.currentCurrencyIso.value)
-    } else {
-      this.urlParams.delete("currency_iso")
+      this.urlParams.set('currency_iso', this.currentCurrencyIso.value)
+    }
+    else {
+      this.urlParams.delete('currency_iso')
+    }
+  }
+}
+
+export default defineNuxtPlugin(async (nuxtApp) => {
+  const loaded = [] as Array<string>
+
+  const { $i18n: i18n } = nuxtApp as unknown as { $i18n: VueI18n }
+  const { $router: router } = nuxtApp as unknown as { $router: Router }
+
+  i18n.onBeforeLanguageSwitch = async (_, newLocale) => {
+    if (loaded.includes(newLocale)) return
+
+    try {
+      loaded.push(newLocale)
+      const { data } = await useMyFetch<GenericResponse<object>>(
+        '/api/public/front/translation',
+      )
+
+      i18n.setLocaleMessage(newLocale, data)
+    }
+    catch (err) {
+      console.error('❌ Failed to load translation for locale:', newLocale)
+      throw err
     }
   }
 
-}
-
-
-export default defineNuxtPlugin(async (nuxtApp) => {
-  const loaded = [] as Array<string>;
-
-  const { $i18n: i18n } = nuxtApp as unknown as { $i18n: VueI18n };
-  const { $router: router } = nuxtApp as unknown as { $router: Router };
-
-  i18n.onBeforeLanguageSwitch = async (_, newLocale) => {
-    if (loaded.includes(newLocale)) return;
-
-    try {
-      loaded.push(newLocale);
-      const { data } = await useMyFetch<GenericResponse<object>>(
-        "/api/public/front/translation"
-      );
-
-      i18n.setLocaleMessage(newLocale, data);
-
-    } catch (err) {
-      console.error("❌ Failed to load translation for locale:", newLocale);
-      throw err;
-    }
-  };
-
-
-
-
   const session = new Session(i18n, router)
 
-  await session.loadSession();
-  nuxtApp.provide("session", session);
-
-});
+  await session.loadSession()
+  nuxtApp.provide('session', session)
+})

plugins/02_initLoad.ts

@@ -1,10 +1,10 @@
-import { defineNuxtPlugin } from "#app";
+import { defineNuxtPlugin } from '#app'
 
 export default defineNuxtPlugin(async () => {
-  const menuStore = useMenuStore();
-  await menuStore.loadMenu();
-  await menuStore.getLocales();
-  const store = useStore();
-  await store.getMinValue();
-  await store.getCalculator();
-});
+  const menuStore = useMenuStore()
+  await menuStore.loadMenu()
+  await menuStore.getLocales()
+  const store = useStore()
+  await store.getMinValue()
+  await store.getCalculator()
+})

plugins/vue3-toastify.client.ts

@@ -1,10 +1,10 @@
-import * as Vue3Toastify from "vue3-toastify";
-import "vue3-toastify/dist/index.css";
+import * as Vue3Toastify from 'vue3-toastify'
+import 'vue3-toastify/dist/index.css'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(Vue3Toastify.default, { autoClose: 2000 });
+  nuxtApp.vueApp.use(Vue3Toastify.default, { autoClose: 2000 })
 
   return {
     provide: { toast: Vue3Toastify.toast },
-  };
-});
+  }
+})