Move into app/

app/components/web-theme-toggle.vue

@@ -0,0 +1,21 @@
+<script setup>
+const colorMode = useColorMode()
+const isDark = computed({
+  get() {
+    return colorMode.value === 'dark'
+  },
+  set() {
+    colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
+  }
+})
+</script>
+
+<template>
+  <ClientOnly v-if="!colorMode?.forced">
+    <button @click="isDark = !isDark" class="btn btn-sm btn-neutral">Toggle Theme</button>
+
+    <template #fallback>
+      <button class="btn btn-sm btn-neutral">Loading...</button>
+    </template>
+  </ClientOnly>
+</template>