feat: dynamic theme

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023-present, Qin Guan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

components/admin/common/left-panel.vue

@@ -28,7 +28,7 @@ const menuLinks = [
 </script>
 
 <template>
-  <f7Panel left reveal>
+  <f7Panel left cover>
     <f7Page>
       <f7List menu-list strong-ios outline-ios>
         <f7ListItem v-for="link in menuLinks" :key="link.path" :link="link.path" :selected="selectedPath === link.path" :title="link.title" @click="selectedPath = link.path">

pages/admin/[...slug].vue

@@ -20,16 +20,6 @@ const appRoutes = [
     path: '/admin',
     component: AdminHomePage,
   },
-  {
-    name: 'members',
-    path: '/admin/members',
-    component: AdminMembersPage,
-  },
-  {
-    name: 'settings',
-    path: '/admin/settings',
-    component: AdminSettingsPage,
-  },
 ]
 
 useSeoMeta({

pages/app/[...slug].vue

@@ -22,6 +22,8 @@ const appRoutes = [
   },
 ]
 
+const dark = usePreferredDark()
+
 useSeoMeta({
   description: 'The SST Alumni App',
 })
@@ -59,7 +61,7 @@ const route = useRoute()
 
 <template>
   <VitePwaManifest />
-  <f7App name="SSTAA" theme="md" :routes="appRoutes">
+  <f7App name="SSTAA" theme="md" :dark-mode="dark" :routes="appRoutes">
     <f7View
       main
       class="safe-areas"