chore: wip

Author: chrisbbreuer

resources/views/index.stx

@@ -1,7 +1,50 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+defineOptions({
+  name: 'IndexPage',
+})
+
+// import { app } from '@stacksjs/config'
+
+// https://github.com/vueuse/head
+// you can use this to manipulate the document head in any components,
+// they will be rendered correctly in the html results with vite-ssg
+useHead({
+  // title: app.name,
+  title: 'Stacks',
+  meta: [
+    { name: 'description', content: 'Coming soon.' },
+    {
+      name: 'theme-color',
+      content: () => isDark.value ? '#00aba9' : '#ffffff',
+    },
+  ],
+  link: [
+    {
+      rel: 'icon',
+      type: 'image/svg+xml',
+      href: () => preferredDark.value ? '/favicon-dark.svg' : '/favicon.svg',
+    },
+  ],
+})
+
+// const user = useUserStore()
+// const name = ref(user.savedName)
+
+// const router = useRouter()
+// function go() {
+//   if (name.value)
+//     router.push(`/hi/${encodeURIComponent(name.value)}`)
+// }
+
+// const { t } = useI18n()
+</script>
 
 <template>
-  test
+  <Header />
+  <main>
+    <Hero />
+    <PrimaryFeatures />
+  </main>
   <!--
     <SecondaryFeatures />
     <CallToAction />

resources/views/tray/index.stx

@@ -0,0 +1 @@
+wip