finish basic sidebar

src/App.vue

@@ -1,16 +1,23 @@
 <script setup lang="ts">
+import { ref } from 'vue';
 import LoginCard from './components/LoginCard.vue';
+import { useThemeStore } from './stores/theme';
+
+const theme = useThemeStore()
+
 </script>
 
 <template>
-  <header>
-    <RouterLink to="/user"> Go to User</RouterLink>
-    <RouterLink to="/login"> Go to Login</RouterLink>
-  </header>
+  <div :data-theme="theme.currentTheme">
+    <header>
+      <RouterLink to="/user"> Go to User</RouterLink>
+      <RouterLink to="/login"> Go to Login</RouterLink>
+    </header>
 
-  <main>
-    <RouterView />
-  </main>
+    <main>
+      <RouterView />
+    </main>
+  </div>
 </template>
 
 <style scoped>