chore: lint

src/components/Certitude.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, watchEffect } from 'vue';
+import { ref, computed, watchEffect } from "vue";
 import { useStore } from "@/stores"; // adapte le chemin si besoin
 
 const store = useStore();
@@ -11,21 +11,21 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits(['answerSelected', 'nextQuestion']);
+const emits = defineEmits(["answerSelected", "nextQuestion"]);
 
 const selectedWeight = ref(null);
 
 // Utilise la langue du store
-const language = computed(() => store.language || 'fr-FR');
+const language = computed(() => store.language || "fr-FR");
 
 // Recherche la bonne traduction selon la langue courante
 const translation = computed(() => {
   return (
     props.certitude.translations.find(
-      (t) => t.languages_code === language.value
+      (t) => t.languages_code === language.value,
     ) ||
     // Fallback en français
-    props.certitude.translations.find((t) => t.languages_code === 'fr-FR') ||
+    props.certitude.translations.find((t) => t.languages_code === "fr-FR") ||
     // Fallback générique
     props.certitude.translations[0]
   );
@@ -49,7 +49,7 @@ watchEffect(() => {
   if (answers.value.length && selectedWeight.value === null) {
     selectAnswer(answers.value[0]);
   }
-})
+});
 </script>
 
 <template>
@@ -79,8 +79,15 @@ watchEffect(() => {
 
   <div class="btns">
     <button class="btn next" @click="$emit('nextQuestion')">
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
-        <path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 40 40"
+        width="40"
+        height="40"
+      >
+        <path
+          d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"
+        ></path>
       </svg>
     </button>
   </div>

src/components/Score.vue

@@ -12,7 +12,7 @@ import Question from "./Question.vue";
 import Certitude from "./Certitude.vue";
 import "@splidejs/splide/dist/css/splide.min.css";
 import ScoreHeader from "./ScoreHeader.vue";
-import { toPng } from "html-to-image";
+// import { toPng } from "html-to-image";
 
 const props = defineProps({
   id: {
@@ -122,27 +122,27 @@ function nextQuestion() {
   }, 100);
 }
 
-const saveAs = (blob, fileName) => {
-  var elem = window.document.createElement("a");
-  elem.href = blob;
-  elem.download = fileName;
-  elem.style = "display:none;";
-  (document.body || document.documentElement).appendChild(elem);
-  if (typeof elem.click === "function") {
-    elem.click();
-  } else {
-    elem.target = "_blank";
-    elem.dispatchEvent(
-      new MouseEvent("click", {
-        view: window,
-        bubbles: true,
-        cancelable: true,
-      }),
-    );
-  }
-  URL.revokeObjectURL(elem.href);
-  elem.remove();
-};
+// const saveAs = (blob, fileName) => {
+//   var elem = window.document.createElement("a");
+//   elem.href = blob;
+//   elem.download = fileName;
+//   elem.style = "display:none;";
+//   (document.body || document.documentElement).appendChild(elem);
+//   if (typeof elem.click === "function") {
+//     elem.click();
+//   } else {
+//     elem.target = "_blank";
+//     elem.dispatchEvent(
+//       new MouseEvent("click", {
+//         view: window,
+//         bubbles: true,
+//         cancelable: true,
+//       }),
+//     );
+//   }
+//   URL.revokeObjectURL(elem.href);
+//   elem.remove();
+// };
 
 // const sharing = ref(false);
 // async function share() {
@@ -220,7 +220,7 @@ watch(weightAllCertitudes, () => {
       />
     </SplideSlide>
     <template v-if="displayCertitude">
-      <SplideSlide v-for="certitude in certitudes" :key="certitude.id" >
+      <SplideSlide v-for="certitude in certitudes" :key="certitude.id">
         <Certitude
           :certitude="certitude"
           @answerSelected="answerSelectedCertitude"
@@ -259,9 +259,9 @@ watch(weightAllCertitudes, () => {
           </div>
           <div v-if="displayCertitude" class="certitude_result">
             <button @click="displayCertitudeQuestions">
-              <span>Niveau de certitude :
-            {{ certitudeResult?.niveau }}<br />
-            <span v-html="certitudeResult?.description"></span>
+              <span
+                >Niveau de certitude : {{ certitudeResult?.niveau }}<br />
+                <span v-html="certitudeResult?.description"></span>
               </span>
               <span class="cross">✖️</span>
             </button>

vite.config.js

@@ -23,9 +23,7 @@ export default defineConfig({
       },
       // add this to cache all the
       // static assets in the public folder
-      includeAssets: [
-        "**/*",
-      ],
+      includeAssets: ["**/*"],
       useCredentials: true,
       manifest: {
         theme_color: "#eb5252",
@@ -34,16 +32,16 @@ export default defineConfig({
         scope: "/",
         icons: [
           {
-            "src": "/images/pwa-icon-256.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "any maskable"
+            src: "/images/pwa-icon-256.png",
+            sizes: "192x192",
+            type: "image/png",
+            purpose: "any maskable",
           },
           {
-            "src": "/images/pwa-icon-512.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "any maskable"
+            src: "/images/pwa-icon-512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "any maskable",
           },
         ],
       },