feat: updates

components/InputEntry.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+const name = ref('')
+
+const router = useRouter()
+const go = () => {
+  if (name.value)
+    router.push(`/hi/${encodeURIComponent(name.value)}`)
+}
+</script>
+
+<template>
+  <input
+    id="input"
+    v-model="name"
+    placeholder="What's your name?"
+    type="text"
+    autocomplete="false"
+    p="x-4 y-2"
+    w="250px"
+    text="center"
+    bg="transparent"
+    border="~ rounded gray-200 dark:gray-700"
+    outline="none active:none"
+    @keydown.enter="go"
+  >
+  <div>
+    <button
+      class="m-3 text-sm btn"
+      :disabled="!name"
+      @click="go"
+    >
+      GO
+    </button>
+  </div>
+</template>