f

src/components/InputEntry.vue

@@ -0,0 +1,36 @@
+<script setup>
+import { ref } from 'vue'
+
+const name = ref('')
+const popupShow = ref(false)
+
+function handleClick() {
+  popupShow.value = true
+}
+</script>
+
+<template>
+  <view class="input-box">
+    <input
+      v-model="name"
+      placeholder="What's your name?"
+    >
+  </view>
+  <view>
+    <wd-button :disabled="!name" @click="handleClick">
+      Hello
+    </wd-button>
+  </view>
+
+  <wd-popup v-model="popupShow" custom-style="padding: 30px 40px;">
+    Hello{{ `  ${name}` }} 👏
+  </wd-popup>
+</template>
+
+<style scoped lang="scss">
+.input-box {
+  margin: 1rem;
+  padding: 0.5rem;
+  border-bottom: 1px solid gray;
+}
+</style>