Replace default icons of v-data-table with @mdi/js

https://vuetifyjs.com/en/features/icons/#using-custom-icons
Tokyo-Metro-Gov · Nov 25, 2020 · 8ae1baf · 8ae1baf
1 parent 63c355f
commit 8ae1baf
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -106,6 +106,7 @@ const config: NuxtConfig = {
    */
   vuetify: {
     customVariables: ['@/assets/variables.scss'],
+    optionsPath: './plugins/vuetify.options.ts',
     treeShake: true,
     defaultAssets: {
       icons: false,

diff --git a/plugins/vuetify.options.ts b/plugins/vuetify.options.ts
@@ -0,0 +1,13 @@
+import { mdiChevronLeft, mdiChevronRight, mdiMenuDown } from '@mdi/js'
+
+// Vueitfy options
+// https://github.com/nuxt-community/vuetify-module#optionspath
+export default {
+  icons: {
+    values: {
+      prev: mdiChevronLeft,
+      next: mdiChevronRight,
+      dropdown: mdiMenuDown,
+    },
+  },
+}