formatted

.prettierrc.yml

@@ -1,4 +1,4 @@
-trailingComma: "none"
-tabWidth: 4
+trailingComma: 'none'
+tabWidth: 2
 semi: false
 singleQuote: true

src/App.vue

@@ -1,25 +1,22 @@
 <template>
   <img alt="Vue logo" src="./assets/logo.png" width="150" />
   <HelloWorld :msg="title" />
-    <HelloWorldSfc :msg="title" />
-    <br />
+  <footer style="margin-top: 2em">
     AGPLv3 :
     <a :href="origin" alt="origin">
       {{ version }}
     </a>
+  </footer>
 </template>
 
 <script lang="ts">
-/* standard composition api */
 /* eslint-disable no-undef */
 
 import HelloWorld from './components/HelloWorld.vue'
-import HelloWorldSfc from './components/HelloWorldSfc.vue'
 export default {
   name: 'App',
   components: {
-        HelloWorld,
-        HelloWorldSfc
+    HelloWorld
   },
   setup() {
     return {

src/components/HelloWorld.vue

@@ -7,26 +7,25 @@
 
 <script lang="ts">
 /* standard composition api */
-
-import { ref } from "vue";
+import { ref } from 'vue'
 
 export default {
   props: {
     msg: {
       type: String,
-      required: true,
-    },
+      required: true
+    }
   },
   setup() {
     return {
-      count: ref(1),
-    };
+      count: ref(1)
+    }
   },
   methods: {
     inc() {
-      console.log("increment count");
-      this.count++;
-    },
-  },
-};
+      console.log('increment count')
+      this.count++
+    }
+  }
+}
 </script>

src/components/HelloWorldSfc.vue

@@ -1,36 +0,0 @@
-<template>
-  <h1>{{ msg }}</h1>
-  <button @click="count++">
-    count is: {{ count }}
-  </button>
-  <button @click="inc">
-    inc
-  </button>
-  <p>Hello World!</p>
-</template>
-
-<script lang="ts">
-/* standard composition api */
-
-import { ref } from 'vue'
-
-export default {
-  props: {
-       msg: {
-      type: String,
-      required: true
-    }
-  },
-  setup() {
-    return {
-        count: ref(1)
-    }
-  },
-  methods: {
-    inc() {
-      console.log("increment count");
-      this.count++;
-    },
-  },
-};
-</script>