feat [front]: oh-vue-icons

front/nuxt.config.ts

@@ -17,6 +17,9 @@ export default defineNuxtConfig({
     link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
   },
   css: ["@/css/app.sass"],
+  build: {
+    transpile: ["oh-vue-icons"],
+  },
   buildModules: ["@pinia/nuxt"],
   vite: {
     css: {
@@ -26,5 +29,8 @@ export default defineNuxtConfig({
         },
       },
     },
+    optimizeDeps: {
+      exclude: ["oh-vue-icons/icons"],
+    },
   },
 })

front/package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "bulma-list": "^1.1.4",
+    "oh-vue-icons": "^1.0.0-rc3",
     "prettier": "^2.5.1",
     "typescript": "^4.6.2"
   },

front/plugins/ohVueIcons.ts

@@ -0,0 +1,14 @@
+import { OhVueIcon, addIcons } from "oh-vue-icons"
+import {
+  RiFacebookBoxFill,
+  RiInstagramFill,
+  RiMailFill,
+  RiMapPin2Fill,
+} from "oh-vue-icons/icons"
+
+addIcons(RiFacebookBoxFill, RiInstagramFill, RiMailFill, RiMapPin2Fill)
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("v-icon", OhVueIcon)
+  return
+})

front/yarn.lock

@@ -3718,6 +3718,13 @@ object.assign@^4.1.2:
     has-symbols "^1.0.1"
     object-keys "^1.1.1"
 
+oh-vue-icons@^1.0.0-rc3:
+  version "1.0.0-rc3"
+  resolved "https://registry.yarnpkg.com/oh-vue-icons/-/oh-vue-icons-1.0.0-rc3.tgz#63be64dd0da11a1b278d612a4f2a25ba692628f6"
+  integrity sha512-+k2YC6piK7sEZnwbkQF3UokFPMmgqpiLP6f/H0ovQFLl20QA5V4U8EcI6EclD2Lt5NMQ3k6ilLGo8XyXqdVSvg==
+  dependencies:
+    vue-demi "^0.12.5"
+
 ohmyfetch@^0.4.15, ohmyfetch@^0.4.5:
   version "0.4.15"
   resolved "https://registry.yarnpkg.com/ohmyfetch/-/ohmyfetch-0.4.15.tgz#c7059d2952abacfaaaebd82efab754aca53a5c04"
@@ -5075,7 +5082,7 @@ vue-bundle-renderer@^0.3.5:
   dependencies:
     bundle-runner "^0.0.1"
 
-vue-demi@*:
+vue-demi@*, vue-demi@^0.12.5:
   version "0.12.5"
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.12.5.tgz#8eeed566a7d86eb090209a11723f887d28aeb2d1"
   integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==