feat: introduce Vue Bootstrap interface and scoped router network status

2026-10-05 20:23:05 +08:00
parent cf895110ee
commit 04d56d5aa2
48 changed files with 4096 additions and 145 deletions
@@ -0,0 +1,34 @@
+<script setup>
+defineProps({ name: { type: String, default: "grid" } });
+const paths = {
+  home: "m3 10 9-7 9 7v10H3Z M9 20v-7h6v7",
+  journal: "M5 3h14v18H5Z M8 7h8 M8 11h8 M8 15h5",
+  grid: "M3 3h7v7H3Z M14 3h7v7h-7Z M3 14h7v7H3Z M14 14h7v7h-7Z",
+  devices: "M3 4h18v12H3Z M8 20h8 M12 16v4",
+  tree: "M9 2h6v6H9Z M2 16h6v6H2Z M16 16h6v6h-6Z M12 8v4 M5 16v-4h14v4",
+  users:
+    "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 M22 21v-2a4 4 0 0 0-3-3.8 M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8 M17 3a4 4 0 0 1 0 8",
+  settings:
+    "M9 3h6l1 4 4 1v8l-4 1-1 4H9l-1-4-4-1V8l4-1Z M15 12a3 3 0 1 0-6 0 3 3 0 0 0 6 0",
+  database:
+    "M3 6c0-5 18-5 18 0s-18 5-18 0V18c0 5 18 5 18 0V6 M3 12c0 5 18 5 18 0",
+  network: "M9 2h6v6H9Z M2 16h6v6H2Z M16 16h6v6h-6Z M12 8v4 M5 16v-4h14v4",
+  arrow: "M5 12h14 M14 7l5 5-5 5",
+  router: "M3 13h18v8H3Z M6 13V5 M18 13V5 M7 17h.01 M11 17h.01 M15 17h3",
+  camera: "M3 6h12v12H3Z M15 10l6-4v12l-6-4",
+};
+</script>
+<template>
+  <svg
+    class="app-icon"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.65"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <path :d="paths[name] || paths.grid" />
+  </svg>
+</template>