feat: Vue 3 project scaffolding with Tailwind, Router, Pinia, and Sidebar

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/router/index.js

@@ -0,0 +1,30 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    { path: '/', redirect: '/dashboard' },
+    {
+      path: '/dashboard',
+      name: 'Dashboard',
+      component: () => import('../views/DashboardView.vue'),
+    },
+    {
+      path: '/devices',
+      name: 'Devices',
+      component: () => import('../views/DevicesView.vue'),
+    },
+    {
+      path: '/devices/:id',
+      name: 'DeviceDetail',
+      component: () => import('../views/DeviceDetailView.vue'),
+    },
+    {
+      path: '/broker',
+      name: 'Broker',
+      component: () => import('../views/BrokerView.vue'),
+    },
+  ],
+})
+
+export default router