Dev

src/ClientApp/layouts/default.vue

@@ -1,8 +1,20 @@
 <template>
   <v-app dark>
-    <v-navigation-drawer v-model="drawer" :mini-variant="miniVariant" :clipped="clipped" fixed app>
+    <v-navigation-drawer
+      v-model="drawer"
+      :mini-variant="miniVariant"
+      :clipped="clipped"
+      fixed
+      app
+    >
       <v-list>
-        <v-list-item v-for="(item, i) in items" :key="i" :to="item.to" router exact>
+        <v-list-item
+          v-for="(item, i) in items"
+          :key="i"
+          :to="item.to"
+          router
+          exact
+        >
           <v-list-item-action>
             <v-icon>{{ item.icon }}</v-icon>
           </v-list-item-action>

src/ClientApp/nuxt.config.js

@@ -119,6 +119,7 @@ export default {
     /*
      ** You can extend webpack config here
      */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     extend(config, ctx) {}
   }
 }

src/ClientApp/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "Inspections",
+  "name": "inspections",
   "version": "1.0.0",
   "description": " ",
   "author": "SmartCode Builders",
@@ -13,21 +13,15 @@
     "test": "jest"
   },
   "lint-staged": {
-    "*.{js,vue}": "yarn lint",
+    "*.{js,vue}": "npm run lint",
     "*.{css,vue}": "stylelint"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
   "dependencies": {
     "@nuxt/typescript-runtime": "^0.4.0",
     "@nuxtjs/auth": "^4.9.1",
     "@nuxtjs/axios": "^5.3.6",
     "@nuxtjs/dotenv": "^1.4.0",
     "@nuxtjs/pwa": "^3.0.0-0",
-    "vue": "^2.6.11",
     "@vue/composition-api": "^0.6.1",
     "inversify-props": "^2.0.1",
     "nuxt": "^2.0.0",

src/ClientApp/pages/Login.vue

@@ -3,21 +3,15 @@
     <h1>{{ title }}</h1>
   </div>
 </template>
-
 <script lang="ts">
-import { defineComponent, ref } from '@vue/composition-api'
-export default defineComponent({
-  layout: 'gest',
-  setup() {
-    const title = ref('Login')
+import { Vue, Component } from 'nuxt-property-decorator'
 
-    return {
-      title
-    }
-  }
+@Component({
+  layout: 'gest'
 })
+export default class Login extends Vue {
+  title: String = 'Login'
+}
 </script>
 
-<style>
-
-</style>
+<style></style>

src/ClientApp/pages/index.vue

@@ -3,17 +3,12 @@
     {{ name }}
   </div>
 </template>
-
 <script lang="ts">
-import { defineComponent, computed } from '@vue/composition-api'
-
-export default defineComponent({
-  setup(props, context) {
-    const name = computed(() => context.root.$accessor.inspections.name)
-
-    return {
-      name
-    }
-  }
+import { Vue, Component } from 'nuxt-property-decorator'
+@Component({
+  layout: 'Default'
 })
+export default class Login extends Vue {
+  name: String = ''
+}
 </script>

src/ClientApp/server/index.js

@@ -7,7 +7,7 @@ const app = express()
 const config = require('../nuxt.config.js')
 config.dev = process.env.NODE_ENV !== 'production'
 
-async function start () {
+async function start() {
   // Init Nuxt.js
   const nuxt = new Nuxt(config)
 

src/ClientApp/stylelint.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable prettier/prettier */
 module.exports = {
   // add your custom config here
   // https://stylelint.io/user-guide/configuration

src/ClientApp/test/Logo.spec.js

@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils'
 import Logo from '@/components/Logo.vue'
-
 describe('Logo', () => {
   test('is a Vue instance', () => {
     const wrapper = mount(Logo)