Resolved Issue #1

.gitignore

@@ -90,7 +90,7 @@ sw.*
 *.swp
 
 ### Misc
-apis/$*.ts
+site/apis/$*.ts
 
 types/*
 !.gitkeep

site/.eslintrc.js

@@ -0,0 +1,29 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true
+  },
+  extends: [
+    '@nuxtjs/eslint-config-typescript',
+    'plugin:nuxt/recommended',
+    'plugin:prettier/recommended',
+    'prettier',
+    'prettier/@typescript-eslint',
+    'prettier/standard',
+    'prettier/unicorn',
+    'prettier/vue'
+  ],
+  globals: { $nuxt: 'readonly' },
+  rules: {
+    'max-lines': ['error', 200],
+    'no-console': +(process.env.NODE_ENV === 'production'),
+    'prefer-template': 'error'
+  },
+  overrides: [
+    {
+      files: ['apis/**/*.ts'],
+      rules: { camelcase: ['off'] }
+    }
+  ]
+}

site/apis/users/_id.ts

@@ -1,13 +1,19 @@
 import { MockMethods } from 'axios-mock-server'
-import { users, Users } from './index'
+import { users } from './index'
+
+export interface User {
+  id: number
+  firstname: string
+  lastname: string
+}
 
 const methods: MockMethods = {
   get: ({ values }) => [200, users.find((user) => user.id === values.id)]
 }
 
 export interface Methods {
   get: {
-    response: Users
+    response: User
   }
 }
 

site/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <v-app>
     <nuxt />
-  </div>
+  </v-app>
 </template>

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
    */