feat: ✨ utilise la v6 de VueDsfr

Author: laruiss

package-lock.json

@@ -25,24 +25,24 @@
   "license": "ISC",
   "main": "index.js",
   "overrides": {
-    "graceful-fs": "^4.2.10"
+    "graceful-fs": "^4.2.11"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/laruiss/create-vue-dsfr.git"
   },
   "scripts": {},
   "dependencies": {
-    "adm-zip": "^0.5.10",
-    "archiver": "^5.3.1",
-    "kolorist": "^1.6.0",
-    "minimist": "^1.2.7",
+    "adm-zip": "^0.5.16",
+    "archiver": "^5.3.2",
+    "kolorist": "^1.8.0",
+    "minimist": "^1.2.8",
     "ohmyfetch": "^0.4.21",
     "prompts": "^2.4.2",
-    "rimraf": "^3.0.2"
+    "rimraf": "^6.0.1"
   },
   "devDependencies": {
-    "@types/node": "^18.11.18",
-    "prettier": "^2.8.1"
+    "@types/node": "^18.19.50",
+    "prettier": "^2.8.8"
   }
 }

package.json

@@ -104,9 +104,7 @@ declare module 'vue' {
   interface GlobalComponents {}
   interface ComponentCustomProperties {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly OhVueIcon: UnwrapRef<typeof import('oh-vue-icons')['OhVueIcon']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
-    readonly addIcons: UnwrapRef<typeof import('oh-vue-icons')['addIcons']>
     readonly afterAll: UnwrapRef<typeof import('vitest')['afterAll']>
     readonly afterEach: UnwrapRef<typeof import('vitest')['afterEach']>
     readonly assert: UnwrapRef<typeof import('vitest')['assert']>

template-nuxt3-ts-complet/.eslintrc-auto-import.json

@@ -7,12 +7,12 @@ const quickLinks = [
   {
     label: 'Accueil',
     to: '/',
-    icon: 'ri-home-2-line',
+    icon: { name: 'ri-home-2-line', ssr: true },
   },
   {
     label: 'À propos',
     to: '/apropos',
-    icon: 'ri-flag-line',
+    icon: { name: 'ri-flag-line', ssr: true },
   },
 ]
 

template-nuxt3-ts-complet/client/auto-imports.d.ts

@@ -23,12 +23,11 @@ useHead({ title: 'Page d’accueil - Gabarit de démarrage VueDsfr' })
        (<code>&lt;span class="fr-icon-ancient-gate-fill" /></code>)
     </p>
     <p>
-      <VIcon name="ri-flag-line" />  <!-- Icône OhVueIcon -->
-       (<code>&lt;VIcon name="ri-flag-line" /></code>)
-    </p>
-    <p>
-      <OhVueIcon name="ri-flag-line" />  <!-- Icône OhVueIcon -->
-       (<code>&lt;OhVueIcon name="ri-flag-line" /></code>)
+      <VIcon
+        ssr
+        name="ri-flag-line"
+      />  <!-- Icône @iconify -->
+       (<code>&lt;VIcon ssr name="ri-flag-line" /></code>)
     </p>
   </div>
 </template>

template-nuxt3-ts-complet/client/icons.ts

@@ -1,7 +1,5 @@
 import { defineNuxtConfig } from 'nuxt/config'
 
-import * as icons from './icons'
-
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   app: {
@@ -36,13 +34,6 @@ export default defineNuxtConfig({
     '@nuxt/test-utils/module',
     'vue-dsfr-nuxt-module',
   ],
-  runtimeConfig: {
-    public: {
-      vueDsfr: {
-        icons: Object.values(icons),
-      },
-    },
-  },
   css: [
     '@gouvfr/dsfr/dist/core/core.main.min.css',
     '@gouvfr/dsfr/dist/component/component.main.min.css',
@@ -57,4 +48,6 @@ export default defineNuxtConfig({
     '**/*.spec.*',
     '**/*.cy.*',
   ],
+
+  compatibilityDate: '2024-09-05',
 })