Adapte à CAIDF

Author: guillett

src/context/caidf/base-layout.vue

@@ -7,9 +7,16 @@
 </template>
 
 <script>
+import { useStore } from "@/stores"
+
 export default {
   name: "BaseLayout",
   components: {},
+  setup() {
+    return {
+      store: useStore(),
+    }
+  },
   created() {
     this.$router.isReady().then(() => {
       if (this.$route.query.debug === "parcours") {

src/context/caidf/components/breadcrumb.vue

@@ -31,10 +31,16 @@
 import ArrowRight from "@/context/caidf/icons/arrow-right"
 import Check from "@/context/caidf/icons/check-circle"
 import Chapters from "@/../lib/chapters"
+import { useStore } from "@/stores"
 
 export default {
   name: "Breadcrumb",
   components: { Check, ArrowRight },
+  setup() {
+    return {
+      store: useStore(),
+    }
+  },
   computed: {
     chapters() {
       return this.$state.chapters(

src/context/caidf/components/droits-details.vue

@@ -144,6 +144,7 @@ import DroitMixin from "@/mixins/droit-mixin"
 import DroitHeader from "@/components/droit-header"
 import Check from "@/context/caidf/icons/check"
 import Export from "@/context/caidf/icons/export"
+import { useStore } from "@/stores"
 
 export default {
   name: "DroitsDetails",
@@ -161,8 +162,9 @@ export default {
     patrimoineCaptured: Boolean,
     ressourcesYearMinusTwoCaptured: Boolean,
   },
-  data() {
+  setup() {
     return {
+      store: useStore(),
       brokenLinkButtonState: "show",
     }
   },

src/context/caidf/components/titre-chapitre.vue

@@ -15,9 +15,15 @@
 
 <script>
 import Chapters from "@/../lib/chapters"
+import { useStore } from "@/stores"
 
 export default {
   name: "TitreChapitre",
+  setup() {
+    return {
+      store: useStore(),
+    }
+  },
   computed: {
     title() {
       return this.getTitleByRoute(this.$route)

src/context/caidf/views/lieux.vue

@@ -28,15 +28,17 @@ import {
   getEtablissements,
 } from "@/../lib/benefits/etablissements"
 import SmallBackButton from "@/context/caidf/components/small-back-button"
+import { useStore } from "@/stores"
 
 export default {
   name: "Lieux",
   components: {
     SmallBackButton,
     Etablissement,
   },
-  data: function () {
+  setup() {
     return {
+      store: useStore(),
       benefit: null,
       list: [],
       updating: true,

src/context/caidf/views/resultats/resultat-base.vue

@@ -36,6 +36,7 @@ import LoadingModal from "@/components/loading-modal"
 import ResultatsMixin from "@/mixins/resultats"
 import ProgressBar from "@/components/progress-bar"
 import Breadcrumb from "@/context/caidf/components/breadcrumb"
+import { useStore } from "@/stores"
 
 export default {
   name: "ResultatBase",
@@ -45,6 +46,11 @@ export default {
     LoadingModal,
   },
   mixins: [ResultatsMixin],
+  setup() {
+    return {
+      store: useStore(),
+    }
+  },
   computed: {
     situation: function () {
       return this.store.situation

src/context/caidf/views/resultats/resultats-detail.vue

@@ -23,6 +23,7 @@ import ResultatsMixin from "@/mixins/resultats"
 import StatisticsMixin from "@/mixins/statistics"
 import ResultatBase from "@/context/caidf/views/resultats/resultat-base"
 import SmallBackButton from "@/context/caidf/components/small-back-button"
+import { useStore } from "@/stores"
 
 export default {
   name: "SimulationResultatsDetail",
@@ -32,6 +33,11 @@ export default {
     DroitsDetails,
   },
   mixins: [ResultatsMixin, StatisticsMixin],
+  setup() {
+    return {
+      store: useStore(),
+    }
+  },
   computed: {
     situation: function () {
       return this.store.situation

src/context/caidf/views/resultats/resultats.vue

@@ -70,6 +70,7 @@ import ErrorSaveBlock from "@/components/error-save-block"
 import ResultatsMixin from "@/mixins/resultats"
 import StatisticsMixin from "@/mixins/statistics"
 import ResultatBase from "@/context/caidf/views/resultats/resultat-base"
+import { useStore } from "@/stores"
 
 export default {
   name: "SimulationResultats",
@@ -80,6 +81,11 @@ export default {
     ErrorSaveBlock,
   },
   mixins: [ResultatsMixin, StatisticsMixin],
+  setup() {
+    return {
+      store: useStore(),
+    }
+  },
   mounted: function () {
     if (this.mock(this.$route.params.droitId)) {
       return

src/context/caidf/views/simulation.vue

@@ -55,6 +55,7 @@ import Breadcrumb from "@/context/caidf/components/breadcrumb"
 import ProgressBar from "@/components/progress-bar"
 import Hint from "@/lib/hint"
 import WarningMessage from "@/components/warning-message"
+import { useStore } from "@/stores"
 
 export default {
   name: "Simulation",
@@ -65,7 +66,7 @@ export default {
     TitreChapitre,
     Progress,
   },
-  data() {
+  setup() {
     const helpingContentPerChapter = {
       profil: {
         text: `Ces informations sont nécessaires au traitement de votre demande. Vos données ne seront pas conservées à l’issue de la simulation.`,
@@ -96,6 +97,7 @@ export default {
       },
     }
     return {
+      store: useStore(),
       helpingContentPerChapter,
       window,
     }

src/mixins/caidf/home-mixin.js

@@ -1,16 +1,21 @@
+import { useStore } from "@/stores"
+
 export default {
   computed: {
     hasExistingSituation: function () {
-      return this.store.passSanityCheck
+      const store = useStore()
+      return store.passSanityCheck
     },
   },
   methods: {
     newSituation: function () {
-      this.store.clear(this.$route.query.external_id)
+      const store = useStore()
+      store.clear(this.$route.query.external_id)
       this.next()
     },
     next: function () {
-      this.store.verifyBenefitVariables()
+      const store = useStore()
+      store.verifyBenefitVariables()
       this.$push()
     },
   },