🔧 - Adjust components to new loader

Author: trastanechora

nuxt.config.ts

@@ -15,6 +15,16 @@ const nuxtConfig = {
     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
   },
   loading: { color: '#fff' },
+  pwa: {
+    manifest: {
+      name: 'Your App Name',
+      short_name: 'YAN',
+      lang: 'id',
+      useWebmanifestExtension: false,
+      start_url: '/',
+      theme_color: '#ff6666'
+    }
+  },
   css: [],
   plugins: [],
   buildModules: ['@nuxt/typescript-build', '@nuxtjs/vuetify'],
@@ -23,10 +33,11 @@ const nuxtConfig = {
   vuetify: {
     customVariables: ['~/assets/variables.scss'],
     theme: {
-      dark: true,
+      dark: false,
+      options: { customProperties: true },
       themes: {
-        dark: {
-          primary: '#333333',
+        light: {
+          primary: '#1976D2',
           secondary: '#424242',
           accent: '#82B1FF',
           error: '#FF5252',
@@ -48,6 +59,6 @@ const nuxtConfig = {
     },
     transpile: ['vuetify/lib']
   }
-}
+};
 
-export default nuxtConfig
+export default nuxtConfig;

pages/index.vue

@@ -69,5 +69,7 @@ import VuetifyLogo from '~/components/VuetifyLogo.vue';
     VuetifyLogo
   }
 })
-export default class Home extends Vue {}
+export default class Home extends Vue {
+  readonly name: string = 'home';
+}
 </script>

pages/inspire.vue

@@ -17,5 +17,7 @@
 <script lang="ts">
 import { Vue } from 'nuxt-property-decorator';
 
-export default class Inspire extends Vue {}
+export default class Inspire extends Vue {
+  readonly name: string = 'inspire';
+}
 </script>

pages/news.vue

@@ -41,6 +41,8 @@ import { Article } from '~/@types';
   }
 })
 export default class News extends Vue {
+  readonly name: string = 'news';
+
   isLoading: boolean = true;
 
   get articles(): Article[] {