Added eslint config

web/src/App.vue

@@ -1,6 +1,8 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png" />
-  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+    <div>
+        <img alt="Vue logo" src="./assets/logo.png" />
+        <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+    </div>
 </template>
 
 <script lang="ts">
@@ -8,10 +10,10 @@ import { defineComponent } from 'vue'
 import HelloWorld from './components/HelloWorld.vue'
 
 export default defineComponent({
-  name: 'App',
-  components: {
-    HelloWorld
-  }
+    name: 'App',
+    components: {
+        HelloWorld
+    }
 })
 </script>
 

web/src/components/HelloWorld.vue

@@ -1,53 +1,55 @@
 <template>
-  <h1>{{ msg }}</h1>
+    <div>
+        <h1>{{ msg }}</h1>
 
-  <p>
-    Recommended IDE setup:
-    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
-    +
-    <a
-      href="https://marketplace.visualstudio.com/items?itemName=octref.vetur"
-      target="_blank"
-    >
-      Vetur
-    </a>
-    or
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-    (if using
-    <code>&lt;script setup&gt;</code>)
-  </p>
+        <p>
+            Recommended IDE setup:
+            <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+            +
+            <a
+                href="https://marketplace.visualstudio.com/items?itemName=octref.vetur"
+                target="_blank"
+            >
+                Vetur
+            </a>
+            or
+            <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+            (if using
+            <code>&lt;script setup&gt;</code>)
+        </p>
 
-  <p>See <code>README.md</code> for more information.</p>
+        <p>See <code>README.md</code> for more information.</p>
 
-  <p>
-    <a href="https://vitejs.dev/guide/features.html" target="_blank">
-      Vite Docs
-    </a>
-    |
-    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
-  </p>
+        <p>
+            <a href="https://vitejs.dev/guide/features.html" target="_blank">
+                Vite Docs
+            </a>
+            |
+            <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+        </p>
 
-  <button @click="count++">count is: {{ count }}</button>
-  <p>
-    Edit
-    <code>components/HelloWorld.vue</code> to test hot module replacement.
-  </p>
+        <button @click="count++">count is: {{ count }}</button>
+        <p>
+            Edit
+            <code>components/HelloWorld.vue</code> to test hot module replacement.
+        </p>
+    </div>
 </template>
 
 <script lang="ts">
 import { ref, defineComponent } from 'vue'
 export default defineComponent({
-  name: 'HelloWorld',
-  props: {
-    msg: {
-      type: String,
-      required: true
+    name: 'HelloWorld',
+    props: {
+        msg: {
+            type: String,
+            required: true
+        }
+    },
+    setup: () => {
+        const count = ref(0)
+        return { count }
     }
-  },
-  setup: () => {
-    const count = ref(0)
-    return { count }
-  }
 })
 </script>