chore: lint
This commit is contained in:
@ -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>
|
||||
|
@ -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>
|
||||
|
Reference in New Issue
Block a user