feat: Migrate to Nuxt 3 framework (#5184)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>

frontend/layouts/blank.vue

@@ -2,7 +2,10 @@
   <v-app dark>
     <TheSnackbar />
 
-    <v-banner v-if="isDemo" sticky>
+    <v-banner
+      v-if="isDemo"
+      sticky
+    >
       <div class="text-center">
         <b> {{ $t("demo.info_message_with_version", { version: version }) }} </b>
       </div>
@@ -10,24 +13,26 @@
 
     <v-main>
       <v-scroll-x-transition>
-        <Nuxt />
+        <div>
+          <NuxtPage />
+        </div>
       </v-scroll-x-transition>
     </v-main>
   </v-app>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
 import TheSnackbar from "~/components/Layout/LayoutParts/TheSnackbar.vue";
 import { useAppInfo } from "~/composables/api";
-export default defineComponent({
+
+export default defineNuxtComponent({
   components: { TheSnackbar },
   setup() {
     const appInfo = useAppInfo();
 
     const isDemo = computed(() => appInfo?.value?.demoStatus || false);
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const version = computed(() => appInfo?.value?.version || i18n.t("about.unknown-version"));
 
     return {