✨ - Lint fix with updated prettier config

Author: trastanechora

layouts/default.vue

@@ -50,9 +50,7 @@
       <v-list>
         <v-list-item @click.native="right = !right">
           <v-list-item-action>
-            <v-icon light>
-              mdi-repeat
-            </v-icon>
+            <v-icon light> mdi-repeat </v-icon>
           </v-list-item-action>
           <v-list-item-title>Switch drawer (click me)</v-list-item-title>
         </v-list-item>
@@ -65,20 +63,20 @@
 </template>
 
 <script lang="ts">
-import { Vue, Component } from 'nuxt-property-decorator'
-import { SidebarMenuItem } from '~/@types'
+import { Vue, Component } from 'nuxt-property-decorator';
+import { SidebarMenuItem } from '~/@types';
 
 @Component
 export default class DefaultLayout extends Vue {
-  readonly name: string = 'default'
+  readonly name: string = 'default';
 
-  clipped: boolean = false
-  drawer: boolean = false
-  fixed: boolean = false
-  miniVariant: boolean = false
-  right: boolean = false
-  rightDrawer: boolean = false
-  title: string = 'Nuxt + Typescript'
+  clipped: boolean = false;
+  drawer: boolean = false;
+  fixed: boolean = false;
+  miniVariant: boolean = false;
+  right: boolean = false;
+  rightDrawer: boolean = false;
+  title: string = 'Nuxt + Typescript';
   items: SidebarMenuItem[] = [
     {
       icon: 'mdi-apps',
@@ -95,6 +93,6 @@ export default class DefaultLayout extends Vue {
       title: 'News',
       to: '/news'
     }
-  ]
+  ];
 }
 </script>

layouts/error.vue

@@ -6,34 +6,32 @@
     <h1 v-else>
       {{ otherError }}
     </h1>
-    <NuxtLink to="/">
-      Home page
-    </NuxtLink>
+    <NuxtLink to="/"> Home page </NuxtLink>
   </v-app>
 </template>
 
 <script lang="ts">
-import { Vue, Component, Prop } from 'nuxt-property-decorator'
+import { Vue, Component, Prop } from 'nuxt-property-decorator';
 
 @Component
 export default class ErrorLayout extends Vue {
-  readonly name: string = 'default'
+  readonly name: string = 'default';
   layout() {
-    return 'empty'
+    return 'empty';
   }
 
   head(this: any) {
     const title =
-      this.error.statusCode === 404 ? this.pageNotFound : this.otherError
+      this.error.statusCode === 404 ? this.pageNotFound : this.otherError;
     return {
       title
-    }
+    };
   }
 
-  pageNotFound: string = '404 Not Found'
-  otherError: string = 'An error occurred'
+  pageNotFound: string = '404 Not Found';
+  otherError: string = 'An error occurred';
 
-  @Prop() error: any
+  @Prop() error: any;
 }
 </script>
 

package.json

@@ -88,7 +88,7 @@
     ]
   },
   "prettier": {
-    "semi": false,
+    "semi": true,
     "arrowParens": "always",
     "singleQuote": true,
     "tabWidth": 2,

pages/index.vue

@@ -43,29 +43,25 @@
             <em><small>&mdash; John Leider</small></em>
           </div>
           <hr class="my-3" />
-          <a href="https://nuxtjs.org/" target="_blank">
-            Nuxt Documentation
-          </a>
+          <a href="https://nuxtjs.org/" target="_blank"> Nuxt Documentation </a>
           <br />
           <a href="https://github.com/nuxt/nuxt.js" target="_blank">
             Nuxt GitHub
           </a>
         </v-card-text>
         <v-card-actions>
           <v-spacer />
-          <v-btn color="primary" nuxt to="/inspire">
-            Continue
-          </v-btn>
+          <v-btn color="primary" nuxt to="/inspire"> Continue </v-btn>
         </v-card-actions>
       </v-card>
     </v-flex>
   </v-layout>
 </template>
 
 <script lang="ts">
-import { Vue, Component } from 'nuxt-property-decorator'
-import Logo from '~/components/Logo.vue'
-import VuetifyLogo from '~/components/VuetifyLogo.vue'
+import { Vue, Component } from 'nuxt-property-decorator';
+import Logo from '~/components/Logo.vue';
+import VuetifyLogo from '~/components/VuetifyLogo.vue';
 
 @Component({
   components: {

pages/inspire.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts">
-import { Vue } from 'nuxt-property-decorator'
+import { Vue } from 'nuxt-property-decorator';
 
 export default class Inspire extends Vue {}
 </script>

pages/news.vue

@@ -1,8 +1,6 @@
 <template>
   <v-layout column justify-center align-center>
-    <v-flex v-if="isLoading" xs12 sm8 md6>
-      Loading ...
-    </v-flex>
+    <v-flex v-if="isLoading" xs12 sm8 md6> Loading ... </v-flex>
     <v-flex v-else xs12 sm8 md6>
       <v-card v-for="(article, index) in articles" :key="index" class="my-5">
         <v-card-title class="headline">
@@ -31,10 +29,10 @@
 </template>
 
 <script lang="ts">
-import { Vue, Component } from 'nuxt-property-decorator'
-import Logo from '~/components/Logo.vue'
-import VuetifyLogo from '~/components/VuetifyLogo.vue'
-import { Article } from '~/@types'
+import { Vue, Component } from 'nuxt-property-decorator';
+import Logo from '~/components/Logo.vue';
+import VuetifyLogo from '~/components/VuetifyLogo.vue';
+import { Article } from '~/@types';
 
 @Component({
   components: {
@@ -43,15 +41,15 @@ import { Article } from '~/@types'
   }
 })
 export default class News extends Vue {
-  isLoading: boolean = true
+  isLoading: boolean = true;
 
   get articles(): Article[] {
-    return this.$store.state.news.articles
+    return this.$store.state.news.articles;
   }
 
   async mounted() {
-    await this.$store.dispatch('news/getNews')
-    this.isLoading = false
+    await this.$store.dispatch('news/getNews');
+    this.isLoading = false;
   }
 }
 </script>