chore: ⬆️ Upgrado to oh-vue-icons 1.0.0-rc2

Author: laruiss

package-lock.json

@@ -55,7 +55,7 @@
     "@gouvfr/dsfr": "^1.3.1",
     "focus-trap": "^6.7.3",
     "focus-trap-vue": "^3.2.1",
-    "oh-vue-icons": "^0.4.7",
+    "oh-vue-icons": "^1.0.0-rc2",
     "vue": "^3.2.31"
   },
   "devDependencies": {

package.json

@@ -1,10 +1,9 @@
 import { fireEvent, render } from '@testing-library/vue'
-
+import VIcon from '../../icons.js'
 // import '@gouvfr/dsfr/dist/core/core.module.js'
 
 import DsfrAccordion from './DsfrAccordion.vue'
 
-const VIcon = { props: ['name'], template: '<i :class="name"></i>' }
 
 describe('DsfrAccordion', () => {
   it('should render a simple accordion', async () => {

src/components/DsfrAccordion/DsfrAccordion.spec.js

@@ -1,10 +1,10 @@
-import OhVueIcon from 'oh-vue-icons/dist/v3/icon.es'
+import VIcon, { addIcons } from '../../icons.js'
 
 import { RiCheckboxCircleLine } from 'oh-vue-icons/icons'
 
 import DsfrButton from './DsfrButton.vue'
 
-OhVueIcon.add(RiCheckboxCircleLine)
+addIcons(RiCheckboxCircleLine)
 
 export default {
   component: DsfrButton,
@@ -130,7 +130,7 @@ BoutonSecondaire.args = {
 export const SuiteDeBoutons = (args) => ({
   components: {
     DsfrButton,
-    VIcon: OhVueIcon,
+    VIcon,
   },
   data () {
     return {

src/components/DsfrButton/DsfrButton.stories.js

@@ -1,10 +1,10 @@
-import OhVueIcon from 'oh-vue-icons/dist/v3/icon.es'
+import { addIcons } from '../../icons.js'
 
 import { RiCheckboxCircleLine } from 'oh-vue-icons/icons'
 
 import DsfrButtonGroup from './DsfrButtonGroup.vue'
 
-OhVueIcon.add(RiCheckboxCircleLine)
+addIcons(RiCheckboxCircleLine)
 
 export default {
   component: DsfrButtonGroup,

src/components/DsfrButton/DsfrButtonGroup.stories.js

@@ -1,10 +1,10 @@
-import OhVueIcon from 'oh-vue-icons/dist/v3/icon.es'
+import { addIcons } from '../../icons.js'
 
 import { RiInformationLine } from 'oh-vue-icons/icons'
 
 import DsfrCallout from './DsfrCallout.vue'
 
-OhVueIcon.add(RiInformationLine)
+addIcons(RiInformationLine)
 
 export default {
   component: DsfrCallout,

src/components/DsfrCallout/DsfrCallout.stories.js

@@ -1,11 +1,11 @@
-import VIcon from 'oh-vue-icons/dist/v3/icon.es'
+import VIcon, { addIcons } from '../../icons.js'
 
 import { RiExternalLinkLine } from 'oh-vue-icons/icons'
 
 import DsfrFooter from './DsfrFooter.vue'
 import DsfrFooterLinkList from './DsfrFooterLinkList.vue'
 
-VIcon.add(RiExternalLinkLine)
+addIcons(RiExternalLinkLine)
 
 export default {
   component: DsfrFooter,
@@ -59,7 +59,11 @@ export default {
 }
 
 export const PiedDePageSimple = (args) => ({
-  components: { DsfrFooter, DsfrFooterLinkList, VIcon },
+  components: {
+    DsfrFooter,
+    DsfrFooterLinkList,
+    VIcon,
+  },
   data () {
     return args
   },

src/components/DsfrFooter/DsfrFooter.stories.js

@@ -1,12 +1,13 @@
 import DsfrHeader from './DsfrHeader.vue'
 
-import VIcon from 'oh-vue-icons/dist/v3/icon.es'
+import { addIcons } from '../../icons.js'
+
 import {
   RiNotification3Line,
   RiPhoneLine,
 } from 'oh-vue-icons/icons/ri/index.js'
 
-VIcon.add(
+addIcons(
   RiNotification3Line,
   RiPhoneLine,
 )

src/components/DsfrHeader/DsfrHeader.stories.js

@@ -2,11 +2,11 @@ import DsfrTabs from './DsfrTabs.vue'
 import DsfrTabContent from './DsfrTabContent.vue'
 import DsfrTabItem from './DsfrTabItem.vue'
 
-import OhVueIcon from 'oh-vue-icons/dist/v3/icon.es'
+import { addIcons } from '../../icons.js'
 
 import { RiCheckboxCircleLine } from 'oh-vue-icons/icons/ri/index.js'
 
-OhVueIcon.add(RiCheckboxCircleLine)
+addIcons(RiCheckboxCircleLine)
 
 export default {
   component: DsfrTabs,

src/components/DsfrTabs/DsfrTabs.stories.js

@@ -1,13 +1,14 @@
 import DsfrTag from './DsfrTag.vue'
 import DsfrTags from './DsfrTags.vue'
 
-import VIcon from 'oh-vue-icons/dist/v3/icon.es'
+import { addIcons } from '../../icons.js'
+
 import {
   RiArrowLeftFill,
   RiArrowRightFill,
 } from 'oh-vue-icons/icons/ri/index.js'
 
-VIcon.add(
+addIcons(
   RiArrowLeftFill,
   RiArrowRightFill,
 )