initial commit

frontend/src/App.vue

@@ -0,0 +1,34 @@
+<template>
+  <v-overlay
+    :model-value="loading"
+    persistent
+    content-class="text-center"
+    class="align-center justify-center"
+  >
+    <v-progress-circular
+      indeterminate
+      size="64"
+    ></v-progress-circular>
+    <br />
+    {{ $t('loading') }}
+  </v-overlay>
+  <Message />
+  <router-view />
+</template>
+
+<script lang="ts" setup>
+import Message from '@/components/message.vue'
+import { inject, ref, Ref } from 'vue'
+
+const loading:Ref = inject('loading')?? ref(false)
+
+// Change page title
+document.title = "S-UI " + document.location.hostname
+</script>
+
+<style>
+.v-overlay .v-list-item,
+.v-field__input {
+  direction: ltr;
+}
+</style>