feat: initial sketch with AI

src/router/index.ts

@@ -1,13 +1,27 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import { useAuthStore } from '@/stores/auth'
+import ListsView from '../views/ListsView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',
-      name: 'home',
-      component: HomeView,
+      name: 'lists',
+      component: ListsView,
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/lists/:id',
+      name: 'list-detail',
+      component: () => import('../views/ListDetailView.vue'),
+      meta: { requiresAuth: true },
+      props: true,
+    },
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('../views/LoginView.vue'),
     },
     {
       path: '/about',
@@ -20,4 +34,14 @@ const router = createRouter({
   ],
 })
 
+router.beforeEach((to) => {
+  const authStore = useAuthStore()
+
+  if (to.meta.requiresAuth && !authStore.isAuthenticated) {
+    return { name: 'login', query: { redirect: to.fullPath } }
+  }
+
+  return true
+})
+
 export default router