diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..353fcbc
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,9 @@
+{
+ "recommendations": [
+ "antfu.iconify",
+ "antfu.unocss",
+ "csstools.postcss",
+ "dbaeumer.vscode-eslint",
+ "vue.volar"
+ ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..2610620
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,10 @@
+{
+ "prettier.enable": false,
+ "editor.codeActionsOnSave": {
+ "source.fixAll.eslint": true
+ },
+ "files.associations": {
+ "*.css": "postcss"
+ },
+ "editor.formatOnSave": false
+}
diff --git a/components/InputEntry.vue b/components/InputEntry.vue
index 1afbb15..cb2c21c 100644
--- a/components/InputEntry.vue
+++ b/components/InputEntry.vue
@@ -14,20 +14,16 @@ const go = () => {
id="input"
v-model="name"
placeholder="What's your name?"
- type="text"
- autocomplete="false"
- p="x-4 y-2"
- m="t-5"
- w="250px"
- text="center"
- bg="transparent"
+ type="text" autocomplete="off"
+ p="x-4 y-2" m="t-5" w="250px"
+ text="center" bg="transparent"
border="~ rounded gray-200 dark:gray-700"
outline="none active:none"
@keydown.enter="go"
>