alephjs
diff --git a/‎examples/vue-app/app.vue
Lines changed: 30 additions & 9 deletions b/‎examples/vue-app/app.vue
Lines changed: 30 additions & 9 deletions
diff --git a/‎examples/vue-app/index.html
Lines changed: 11 additions & 1 deletion b/‎examples/vue-app/index.html
Lines changed: 11 additions & 1 deletion
diff --git a/‎examples/vue-app/style/app.css
Lines changed: 0 additions & 230 deletions b/‎examples/vue-app/style/app.css
Lines changed: 0 additions & 230 deletions
diff --git a/‎examples/vue-app/style/reset.css
Lines changed: 0 additions & 25 deletions b/‎examples/vue-app/style/reset.css
Lines changed: 0 additions & 25 deletions
@@ -1,17 +1,38 @@
 <script setup>
-  import { ref } from "vue"
+import { ref } from "vue"
 
-  const msg = ref("Hello World!")
+const msg = ref("Hello world!")
 </script>
 
 <template>
-  <h1>{{ msg }}</h1>
-  <input v-model="msg">
+  <h1 v-if="msg">{{ msg }}</h1>
+  <h1 v-if="!msg" style="color: #ccc;">Please type something</h1>
+  <input v-model="msg" placeholder="Please type something">
 </template>
 
 <style scoped>
-  h1 {
-    font-size: 30px;
-    line-height: 2;
-  }
-</style>
+h1 {
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 1;
+  color: #42b883;
+  margin: 0;
+}
+
+input {
+  display: block;
+  width: 300px;
+  height: 36px;
+  line-height: 36px;
+  padding: 0 12px;
+  margin: 12px 0;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background-color: #f3f3f3;
+}
+
+input:focus {
+  border: 1px solid #999;
+  background-color: white;
+}
+</style>
@@ -5,7 +5,17 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="./assets/logo.svg">
-  <link rel="stylesheet" href="./style/app.css">
+  <style>
+    body {
+      margin: 0;
+      width: 100vw;
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    }
+  </style>
 </head>
 
 <body>