docs: 📝 Met à jour la documentation pour les icones

Author: laruiss

src/demo-app/App.vue

@@ -1,9 +1,12 @@
 <script setup>
 import { ref } from 'vue'
-import DsfrNavigation from '../components/DsfrNavigation/DsfrNavigation.vue'
-import DsfrButton from '../components/DsfrButton/DsfrButton.vue'
 import DsfrAccordion from '../components/DsfrAccordion/DsfrAccordion.vue'
 import DsfrAccordionsGroup from '../components/DsfrAccordion/DsfrAccordionsGroup.vue'
+import DsfrButton from '../components/DsfrButton/DsfrButton.vue'
+import DsfrHeader from '../components/DsfrHeader/DsfrHeader.vue'
+import DsfrNavigation from '../components/DsfrNavigation/DsfrNavigation.vue'
+import DsfrSkipLinks from '../components/DsfrSkipLinks/DsfrSkipLinks.vue'
+import DsfrModal from '../components/DsfrModal/DsfrModal.vue'
 
 const isModalOpen = ref(false)
 const displayAlert = ref(false)

src/demo-app/main.js

@@ -1,5 +1,6 @@
 import { createApp } from 'vue'
-import OhVueIcon from 'oh-vue-icons/dist/v3/icon.es'
+import { addIcons } from '../index.js'
+
 import {
   RiCheckboxCircleLine,
   RiNotification3Line,
@@ -12,7 +13,7 @@ import router from './router.js'
 
 import App from './App.vue'
 
-OhVueIcon.add(
+addIcons(
   RiCheckboxCircleLine,
   RiNotification3Line,
 )

src/stories/docs/02-guide.stories.mdx

@@ -192,8 +192,8 @@ Pour ajouter des icônes qui ne sont pas importées dans la bibliothèque, voici
 ```javascript
 // /src/icons.js/
 
-// Importer le composant VIcon de la bibliothèque
-import { VIcon } from '@laruiss/vue-dsfr'
+// Importer le composant VIcon et la fonction addIcons de la bibliothèque
+import { VIcon, addIcons } from '@laruiss/vue-dsfr'
 
 // Importer les icônes souhaitées depuis `oh-vue-icons`
 import {
@@ -207,8 +207,8 @@ import {
   RiUserLine,
 } from 'oh-vue-icons/icons/ri/index.js'
 
-// Ajouter les icônes au composant VIcon
-VIcon.add(
+// Ajouter les icônes
+addIcons(
   RiAddLine,
   RiChatCheckLine,
   RiFileList2Line,