feat(package): Add Vuetify and its settings

aspida · Jan 8, 2020 · 27748f6 · 27748f6
1 parent bc0d247
commit 27748f6
Show file tree

Hide file tree

Showing 5 changed files with 112 additions and 5 deletions.
diff --git a/site/layouts/default.vue b/site/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <v-app>
     <nuxt />
-  </div>
+  </v-app>
 </template>
diff --git a/site/nuxt.config.ts b/site/nuxt.config.ts
@@ -19,7 +19,14 @@ const config: Configuration = {
         content: process.env.npm_package_description || ''
       }
     ],
-    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+    link: [
+      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+      {
+        rel: 'stylesheet',
+        href:
+          'https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700|Material+Icons'
+      }
+    ],
     ...(SUPPORT_IE === 'true'
       ? {
           script: [
@@ -54,7 +61,9 @@ const config: Configuration = {
     // Doc: https://github.com/nuxt-community/stylelint-module
     '@nuxtjs/stylelint-module',
     // Doc: https://typescript.nuxtjs.org/
-    ['@nuxt/typescript-build', { typeCheck: { eslint: true } }]
+    ['@nuxt/typescript-build', { typeCheck: { eslint: true } }],
+    // Doc: https://github.com/nuxt-community/vuetify-module
+    '@nuxtjs/vuetify'
   ],
   /*
    ** Nuxt.js modules
@@ -70,6 +79,16 @@ const config: Configuration = {
    ** See https://axios.nuxtjs.org/options
    */
   axios: { baseURL: 'https://example.com/v1' },
+  /*
+   ** Vuetify module configuration
+   ** See https://github.com/nuxt-community/vuetify-module#options
+   */
+  vuetify: {
+    defaultAssets: {
+      font: { family: 'Noto Sans JP' }
+    },
+    treeShake: true
+  },
   /*
    ** Build configuration
    */

diff --git a/site/package-lock.json b/site/package-lock.json
diff --git a/site/package.json b/site/package.json
@@ -50,6 +50,7 @@
     "@nuxt/typescript-build": "^0.5.5",
     "@nuxtjs/eslint-config-typescript": "^1.0.0",
     "@nuxtjs/stylelint-module": "^3.1.1",
+    "@nuxtjs/vuetify": "^1.9.1",
     "@types/faker": "^4.1.8",
     "aspida": "^0.7.0",
     "axios-mock-server": "^0.16.3",

diff --git a/site/tsconfig.json b/site/tsconfig.json
@@ -26,7 +26,8 @@
     "types": [
       "@types/node",
       "@nuxt/types",
-      "@nuxtjs/axios"
+      "@nuxtjs/axios",
+      "vuetify"
     ]
   },
   "exclude": [