Working

src/pages/about.vue

@@ -0,0 +1,13 @@
+<script setup>
+
+</script>
+
+<template>
+  <div>
+    ABOUT
+  </div>
+</template>
+
+<style>
+
+</style>

src/pages/index.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useThemeStore } from '~/store/theme'
-
-const { swapColor } = useThemeStore()
-onMounted(() => swapColor())
+const days = ref(0)
+useHead({
+  title: 'Arthur Danjou • Software Engineer and Maths Lover',
+})
 </script>
 
 <template>
   <section>
-    Hey
-    <Announcement />
+    <MainBanner />
+    <NewsletterCard />
   </section>
 </template>

src/pages/test.vue

@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { useThemeStore } from '~/store/theme'
-
-const { getColor, getTheme, swapColor, nextTheme } = useThemeStore()
-const { getThemeTextColor, getThemeBackgroundColor } = useTheme()
-
-onMounted(() => swapColor())
-
-const color = useColorMode()
-const { query } = useRoute()
-
-const { $trpc } = useNuxtApp()
-const user = await $trpc.hello.query({ name: query.name?.toString() })
-</script>
-
-<template>
-  <section>
-    <h1 mt-16 :class="`${getThemeTextColor}`" duration="1500">
-      Main page
-    </h1>
-    <h1 :class="`${getThemeBackgroundColor}`" duration="1500">
-      Main Page
-    </h1>
-    <div>
-      Current color : {{ getColor }}
-    </div>
-    <div my-12>
-      <div>Theme symbol : {{ getTheme.symbol }}</div>
-      <div>Theme Name : {{ getTheme.name }}</div>
-      <div>Theme colors : {{ getTheme.colors.map((color) => color.charAt(0).toUpperCase() + color.slice(1)).join(', ') }}</div>
-    </div>
-    <div @click="nextTheme()">
-      setNextTheme()
-    </div>
-    <div @click="color.preference = color.value === 'dark' ? 'light' : 'dark'">
-      toggleDarkMode()
-    </div>
-    <div my-48 h-32>
-      {{ user.greeting }}
-    </div>
-  </section>
-</template>