From d2a91f313a5dfb09ef9303c0343d9ad974edb49e Mon Sep 17 00:00:00 2001
From: _aandres <alice.andres@m4x.org>
Date: Wed, 6 Jul 2022 02:11:53 +0200
Subject: [PATCH] feat [front]: oh-vue-icons

---
 front/nuxt.config.ts        |  6 ++++++
 front/package.json          |  1 +
 front/plugins/ohVueIcons.ts | 14 ++++++++++++++
 front/yarn.lock             |  9 ++++++++-
 4 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 front/plugins/ohVueIcons.ts

diff --git a/front/nuxt.config.ts b/front/nuxt.config.ts
index cb2d988..36c2916 100644
--- a/front/nuxt.config.ts
+++ b/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"],
+    },
   },
 })
diff --git a/front/package.json b/front/package.json
index 1084423..7c417a5 100644
--- a/front/package.json
+++ b/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"
   },
diff --git a/front/plugins/ohVueIcons.ts b/front/plugins/ohVueIcons.ts
new file mode 100644
index 0000000..bc15112
--- /dev/null
+++ b/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
+})
diff --git a/front/yarn.lock b/front/yarn.lock
index b629f6d..cd9894a 100644
--- a/front/yarn.lock
+++ b/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==