[#58] Added ESLint & ran formatter

web/src/components/HelloWorld.vue

@@ -15,18 +15,18 @@ import { Street, Ivago } from '../api/ivago'
 
 export default defineComponent({
     name: 'HelloWorld',
-    data() {
+    data () {
         return {
-            street: "",
-            results: [] as Street[],
+            street: '',
+            results: [] as Street[]
         }
     },
     methods: {
-        onSubmit() {
+        onSubmit () {
             new Ivago(import.meta.env.VITE_ENDPOINT as string).search(this.$data.street)
                 .then(res => {
-                    this.$data.results = res;
-                });
+                    this.$data.results = res
+                })
         }
     }
 })

web/src/components/Home.vue

@@ -8,6 +8,6 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-    name: 'Home',
+    name: 'Home'
 })
 </script>

web/src/components/Ivago.vue

@@ -3,7 +3,7 @@
     <input v-model="query" v-on:keyup.enter="search" type="text" placeholder="Street..." />
     <div id="scroll-list">
         <ul v-if="msg === ''">
-            <li v-for="item in items">{{ item.name }}</li>
+            <li v-for="item in items">{{ item.name }} ({{ item.city }})</li>
         </ul>
         <p v-else>{{ msg }}</p>
     </div>
@@ -11,31 +11,31 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { Street, search } from '../api/ivago'
+import { Street, search as ivago_search } from '../api/ivago'
 
 export default defineComponent({
     name: 'Ivago',
-    data() {
+    data () {
         return {
             items: [] as Street[],
-            msg: "",
-            query: "",
+            msg: '',
+            query: ''
         }
     },
     methods: {
-        search() {
+        search () {
             this.items = []
-            this.msg = "Loading..."
+            this.msg = 'Loading...'
 
-            if (this.query === "") {
-                this.msg = ""
+            if (this.query === '') {
+                this.msg = ''
                 return
             }
 
-            search(this.query)
+            ivago_search(this.query)
                 .then((res: Street[]) => {
                     this.items = res
-                    this.msg = ""
+                    this.msg = ''
                 })
         }
     }

web/src/components/Nav.vue

@@ -11,7 +11,7 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-    name: 'Nav',
+    name: 'Nav'
 })
 
 </script>