chore(web-app): create new vue project to fix dependencies

web-app/src/App.vue

@@ -1,18 +1,31 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
 </template>
 
 <script lang="ts">
-import { Options, Vue } from 'vue-class-component'
-import HelloWorld from './components/HelloWorld.vue'
+import { defineComponent } from "vue";
+import HelloWorld from "./components/HelloWorld.vue";
 
-@Options({
+import axios from "axios";
+
+axios
+  .get("https://rest.mse.kb28.ch/ping")
+  .then(function (response) {
+    // handle success
+    console.log(response);
+  })
+  .catch(function (error) {
+    // handle error
+    console.error(error);
+  });
+
+export default defineComponent({
+  name: "App",
   components: {
-    HelloWorld
-  }
-})
-export default class App extends Vue {}
+    HelloWorld,
+  },
+});
 </script>
 
 <style>