From c434c42c7da62b059d86a52dd87517beb594879f Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Tue, 18 Mar 2025 17:57:13 +0800
Subject: [PATCH] feat(front): implement app layout and integrate Serwist for
 service registration

---
 front/app.vue             | 18 +++++++++++++-----
 front/layouts/default.vue |  5 +++++
 2 files changed, 18 insertions(+), 5 deletions(-)
 create mode 100644 front/layouts/default.vue

diff --git a/front/app.vue b/front/app.vue
index 09f935b..406c1a7 100644
--- a/front/app.vue
+++ b/front/app.vue
@@ -1,6 +1,14 @@
+<!-- app.vue -->
+<script setup lang="ts">
+// @ts-check
+const { $serwist } = useNuxtApp();
+$serwist?.addEventListener("installed", () => {
+  console.log("Serwist installed!");
+});
+void $serwist?.register({ immediate: true });
+</script>
 <template>
-  <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
-  </div>
-</template>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>
\ No newline at end of file
diff --git a/front/layouts/default.vue b/front/layouts/default.vue
new file mode 100644
index 0000000..4dff124
--- /dev/null
+++ b/front/layouts/default.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <slot />
+  </div>
+</template>
\ No newline at end of file