Added eslint config

src/App.vue

@@ -5,8 +5,13 @@ import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <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>
 
 <style>

src/components/HelloWorld.vue

@@ -5,7 +5,7 @@ defineProps<{ msg: string }>()
 
 const count = ref(0)
 
-fetch("/api/users").then(res => res.json()).then(res => console.log(res))
+fetch('/api/users').then(res => res.json()).then(res => console.log(res))
 </script>
 
 <template>
@@ -13,22 +13,39 @@ fetch("/api/users").then(res => res.json()).then(res => console.log(res))
 
   <p>
     Recommended IDE setup:
-    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    <a
+      href="https://code.visualstudio.com/"
+      target="_blank"
+    >VSCode</a>
     +
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+    <a
+      href="https://github.com/johnsoncodehk/volar"
+      target="_blank"
+    >Volar</a>
   </p>
 
   <p>See <code>README.md</code> for more information.</p>
 
   <p>
-    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+    <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>
+    <a
+      href="https://v3.vuejs.org/"
+      target="_blank"
+    >Vue 3 Docs</a>
   </p>
 
-  <button type="button" @click="count++">count is: {{ count }}</button>
+  <button
+    type="button"
+    @click="count++"
+  >
+    count is: {{ count }}
+  </button>
   <p>
     Edit
     <code>components/HelloWorld.vue</code> to test hot module replacement.

src/main.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import App from './App.vue'
- // @ts-ignore
-import { makeServer } from "./server"
+// @ts-ignore
+import { makeServer } from './server'
 
 if (import.meta.env.DEV) {
   makeServer()

src/server.js

@@ -1,26 +1,26 @@
 // src/server.js
-import { createServer, Model } from "miragejs"
+import { createServer, Model } from 'miragejs'
 
-export function makeServer({ environment = "development" } = {}) {
-  let server = createServer({
+export function makeServer ({ environment = 'development' } = {}) {
+  const server = createServer({
     environment,
 
     models: {
-      user: Model,
+      user: Model
     },
 
-    seeds(server) {
-      server.create("user", { name: "Bob" })
-      server.create("user", { name: "Alice" })
+    seeds (server) {
+      server.create('user', { name: 'Bob' })
+      server.create('user', { name: 'Alice' })
     },
 
-    routes() {
-      this.namespace = "api"
+    routes () {
+      this.namespace = 'api'
 
-      this.get("/users", (schema) => {
+      this.get('/users', (schema) => {
         return schema.users.all()
       })
-    },
+    }
   })
 
   return server