feat: f7 routes

sstalumniassociation · Sep 19, 2023 · e3fafa6 · e3fafa6
1 parent 033ae5a
commit e3fafa6
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/composables/routes.ts b/composables/routes.ts
@@ -0,0 +1,10 @@
+export const appRoutes = [
+  {
+    path: '/',
+    asyncComponent: () => import('~/pages/index.vue'),
+  },
+  {
+    path: '/events',
+    asyncComponent: () => import('~/pages/index.vue'),
+  },
+]
diff --git a/pages/app.vue b/pages/app.vue
@@ -1,15 +1,23 @@
 <script setup lang="ts">
 // @ts-expect-error Missing types
 import Framework7 from 'framework7/lite-bundle'
+
+// @ts-expect-error Missing types
 import Framework7Vue from 'framework7-vue/bundle'
 import { f7App, f7View } from 'framework7-vue'
 
 Framework7.use(Framework7Vue)
 </script>
 
 <template>
-  <f7App>
-    <f7View>
+  <f7App :routes="appRoutes">
+    <f7View
+      main
+      browser-history
+      browser-history-separator=""
+      :browser-history-initial-match="true"
+      :browser-history-store-history="false"
+    >
       <NuxtPage />
     </f7View>
   </f7App>

diff --git a/pages/app/events.vue b/pages/app/events.vue
@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div>
+    hello from events!
+  </div>
+</template>