🔼 - Upgrade dependencies

Author: trastanechora

layouts/default.vue

@@ -68,10 +68,10 @@
 import { Vue, Component } from 'nuxt-property-decorator'
 import { SidebarMenuItem } from '~/@types'
 
-@Component({
-  name: 'default'
-})
+@Component
 export default class DefaultLayout extends Vue {
+  readonly name: string = 'default'
+
   clipped: boolean = false
   drawer: boolean = false
   fixed: boolean = false

layouts/error.vue

@@ -15,18 +15,21 @@
 <script lang="ts">
 import { Vue, Component, Prop } from 'nuxt-property-decorator'
 
-@Component({
-  name: 'error',
-  layout: 'empty',
+@Component
+export default class ErrorLayout extends Vue {
+  readonly name: string = 'default'
+  layout() {
+    return 'empty'
+  }
+
   head(this: any) {
     const title =
       this.error.statusCode === 404 ? this.pageNotFound : this.otherError
     return {
       title
     }
   }
-})
-export default class ErrorLayout extends Vue {
+
   pageNotFound: string = '404 Not Found'
   otherError: string = 'An error occurred'
 

nuxt.config.ts

@@ -1,12 +1,5 @@
-// "You can never understand everything. But, you should push yourself to understand the system."
-// - Ryan Dahl (Creator of Node JS)
-import { Configuration } from '@nuxt/types'
-
-const nuxtConfig: Configuration = {
-  mode: 'spa',
-  /*
-   ** Headers of the page
-   */
+const nuxtConfig = {
+  ssr: true,
   head: {
     titleTemplate: '%s - ' + process.env.npm_package_name,
     title: process.env.npm_package_name || '',
@@ -21,40 +14,12 @@ const nuxtConfig: Configuration = {
     ],
     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
   },
-  /*
-   ** Customize the progress-bar color
-   */
   loading: { color: '#fff' },
-  /*
-   ** Global CSS
-   */
   css: [],
-  /*
-   ** Plugins to load before mounting the App
-   */
   plugins: [],
-  /*
-   ** Nuxt.js dev-modules
-   */
   buildModules: ['@nuxt/typescript-build', '@nuxtjs/vuetify'],
-  /*
-   ** Nuxt.js modules
-   */
-  modules: [
-    // Doc: https://axios.nuxtjs.org/usage
-    '@nuxtjs/axios',
-    '@nuxtjs/pwa',
-    '@nuxtjs/dotenv'
-  ],
-  /*
-   ** Axios module configuration
-   ** See https://axios.nuxtjs.org/options
-   */
+  modules: ['@nuxtjs/axios', '@nuxtjs/pwa', '@nuxtjs/dotenv'],
   axios: {},
-  /*
-   ** vuetify module configuration
-   ** https://github.com/nuxt-community/vuetify-module
-   */
   vuetify: {
     customVariables: ['~/assets/variables.scss'],
     theme: {
@@ -72,13 +37,7 @@ const nuxtConfig: Configuration = {
       }
     }
   },
-  /*
-   ** Build configuration
-   */
   build: {
-    /*
-     ** You can extend webpack config here
-     */
     optimizeCSS: true,
     optimization: {
       splitChunks: {

package.json

@@ -5,29 +5,29 @@
   "author": "trastanechora",
   "private": true,
   "scripts": {
-    "dev": "nuxt-ts",
-    "build": "nuxt-ts build",
-    "generate": "nuxt-ts generate",
-    "start": "nuxt-ts start",
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "generate": "nuxt generate",
+    "start": "nuxt start",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
     "test": "jest"
   },
   "dependencies": {
-    "@nuxt/typescript-runtime": "^0.4.0",
-    "@nuxtjs/axios": "^5.3.6",
+    "@nuxtjs/axios": "^5.13.6",
     "@nuxtjs/dotenv": "^1.4.1",
     "@nuxtjs/pwa": "^3.0.0-0",
-    "nuxt": "^2.0.0",
+    "nuxt": "2.15.8",
     "nuxt-property-decorator": "^2.7.2",
     "stylus": "^0.54.8",
     "stylus-loader": "^3.0.2",
     "vuex": "^3.5.1"
   },
   "devDependencies": {
-    "@nuxt/typescript-build": "^0.6.0",
+    "@fullhuman/postcss-purgecss": "^4.0.3",
+    "@nuxt/typescript-build": "^2.1.0",
     "@nuxtjs/eslint-config-typescript": "^1.0.0",
     "@nuxtjs/eslint-module": "^1.0.0",
-    "@nuxtjs/vuetify": "^1.0.0",
+    "@nuxtjs/vuetify": "^1.12.1",
     "@types/jest": "^26.0.5",
     "@vue/test-utils": "^1.0.0-beta.27",
     "babel-eslint": "^10.0.1",
@@ -37,7 +37,7 @@
     "eslint-plugin-nuxt": ">=0.4.2",
     "eslint-plugin-prettier": "^3.1.2",
     "jest": "^24.1.0",
-    "prettier": "^1.19.1",
+    "prettier": "^2.3.2",
     "ts-jest": "^25.0.0",
     "vue-jest": "^4.0.0-0"
   },
@@ -95,4 +95,4 @@
     "trailingComma": "none",
     "printWidth": 80
   }
-}
+}

tsconfig.json

@@ -14,12 +14,14 @@
     "noEmit": true,
     "experimentalDecorators": true,
     "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strictFunctionTypes":false,
     "baseUrl": ".",
     "paths": {
       "~/*": ["./*"],
       "@/*": ["./*"]
     },
-    "types": ["@types/node", "@nuxt/types", "@types/jest"]
+    "types": ["@types/node", "@types/jest"]
   },
   "exclude": ["node_modules", ".nuxt", "dist"]
 }