feat: lab05 done

- add Users/Create User feature
- add Pages Functions
- add d1 database

src/components/CreateUser/CreateForm.vue

@@ -0,0 +1,36 @@
+<script setup>
+import { ref } from 'vue';
+
+const emit = defineEmits(['new-user']);
+
+const name = defineModel();
+
+function submit() {
+  if (!name) {
+    return;
+  }
+
+  emit('new-user', { name: name.value });
+}
+</script>
+
+<template>
+  <form @submit.prevent="submit">
+    <fieldset class="ts-fieldset">
+      <legend class="ts-legend">New User</legend>
+      <div class="ts-wrap is-vertical">
+        <div class="ts-control">
+          <div class="label">Name</div>
+          <div class="content is-fluid">
+            <div class="ts-input">
+              <input name="name" type="text" placeholder="Name" v-model="name" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="ts-wrap has-top-spaced is-end-aligned">
+        <button class="ts-button" type="submit" :class="{'is-disabled': name === '' }">Submit</button>
+      </div>
+    </fieldset>
+  </form>
+</template>

src/components/Navbar.vue

@@ -1,6 +1,5 @@
-<script>
+<script setup>
 import { RouterLink } from 'vue-router';
-
 </script>
 
 <template>
@@ -9,8 +8,7 @@ import { RouterLink } from 'vue-router';
       <div class="ts-wrap">
         <RouterLink class="ts-header is-brand" to="/">網路攻防實習</RouterLink>
         <div class="ts-tab is-tall">
-          <RouterLink class="item" to="/" :class="{'is-active': $route.path == '/'}">關於</RouterLink>
-          <RouterLink class="item" to="/board" :class="{'is-active': $route.path == '/board'}">留言板</RouterLink>
+          <RouterLink class="item" :to="route.path" :class="{'is-active': $route.path == route.path}" v-for="route in $router.options.routes.filter(route => route.meta.showInNav)">{{ route.meta.navName }}</RouterLink>
         </div>
       </div>
       <div class="actions">