Vue files modified with EsLint

Author: garcia-alejandro

src/components/testingVue3.vue

@@ -1,15 +1,21 @@
 <script>
 export default {
-  name: 'testing-vue-3'
+  name: 'TestingVue3',
+  methods: {
+    lorem(){
+      const test = 'gola'
+      return lorem
+    }
+  }
 }
 </script>
 
 <template lang="pug">
 div
-    .text-bold.test.global-font.text-primary This is a test component
+    .text-bold.test.global-font This is a test component
 </template>
 
 <style lang="stylus">
 .test
-    // color: $negative 
-</style>
+  color: green
+</style>

src/pages/Error404.vue

@@ -1,31 +1,19 @@
-<template>
-  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
-    <div>
-      <div style="font-size: 30vh">
-        404
-      </div>
-
-      <div class="text-h2" style="opacity:.4">
-        Oops. Nothing here...
-      </div>
-
-      <q-btn
-        class="q-mt-xl"
-        color="white"
-        text-color="blue"
-        unelevated
-        to="/"
-        label="Go Home"
-        no-caps
-      />
-    </div>
-  </div>
+<template lang="pug">
+.fullscreen.bg-blue.text-white.text-center.q-pa-md.flex.flex-center
+  div
+    div(style="font-size: 30vh")
+      | 404
+    .text-h2(style="opacity:.4")
+      | Oops. Nothing here...
+    q-btn.q-mt-xl(color="white" text-color="blue" unelevated="" to="/" label="Go Home" no-caps="")
+    TestingVue3
 </template>
 
 <script>
 import { defineComponent } from 'vue'
-
+import TestingVue3 from '~/components/testingVue3.vue'
 export default defineComponent({
-  name: 'Error404'
+  name: 'Error404',
+  components: {TestingVue3}
 })
 </script>

src/stories/Button.vue

@@ -7,7 +7,7 @@ import './button.css';
 import { reactive, computed } from 'vue';
 
 export default {
-  name: 'my-button',
+  name: 'MyButton',
 
   props: {
     label: {

src/stories/Header.vue

@@ -34,7 +34,7 @@ import './header.css';
 import MyButton from './Button.vue';
 
 export default {
-  name: 'my-header',
+  name: 'MyHeader',
 
   components: { MyButton },
 

src/stories/Page.vue

@@ -63,7 +63,7 @@ import './page.css';
 import MyHeader from './Header.vue';
 
 export default {
-  name: 'my-page',
+  name: 'MyPage',
 
   components: { MyHeader },