MDI Iconsのv5.9.55を組み込んでアマゾンのアイコンを復活した

twsnmp · Jan 25, 2022 · 7ff65e3 · 7ff65e3
1 parent 2284002
commit 7ff65e3
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/spa/nuxt.config.js b/spa/nuxt.config.js
@@ -21,7 +21,7 @@ export default {
   },
 
   // Global CSS (https://go.nuxtjs.dev/config-css)
-  css: [],
+  css: ['~/node_modules/@mdi/font/css/materialdesignicons.css'],
 
   // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
   plugins: [
@@ -96,6 +96,13 @@ export default {
   // Vuetify module configuration (https://go.nuxtjs.dev/config-vuetify)
   vuetify: {
     customVariables: ['~/assets/variables.scss'],
+    defaultAssets: {
+      font: false,
+      icons: false,
+    },
+    icons: {
+      iconfont: 'mdi',
+    },
     lang: {
       locales: { ja },
       current: 'ja',

diff --git a/spa/package-lock.json b/spa/package-lock.json
diff --git a/spa/package.json b/spa/package.json
@@ -29,6 +29,7 @@
     "world-map-geojson": "^1.0.2"
   },
   "devDependencies": {
+    "@mdi/font": "^5.9.55",
     "@nuxtjs/eslint-config": "^6.0.1",
     "@nuxtjs/eslint-module": "^3.0.2",
     "@nuxtjs/vuetify": "^1.11.3",