From e9a78e2e1bed30b6456967e68ffcde71541c4f55 Mon Sep 17 00:00:00 2001
From: ruan-cat <1219043956@qq.com>
Date: Mon, 30 Sep 2024 15:11:10 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E7=BC=96=E5=86=99=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E4=BB=A3=E7=A0=81=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../test-app/src/App.vue                      | 41 +++++++------------
 .../test-app/src/main.ts                      | 15 +++++--
 2 files changed, 26 insertions(+), 30 deletions(-)

diff --git a/learn-create-compoents-lib/test-app/src/App.vue b/learn-create-compoents-lib/test-app/src/App.vue
index bb666a8..3bae3ae 100644
--- a/learn-create-compoents-lib/test-app/src/App.vue
+++ b/learn-create-compoents-lib/test-app/src/App.vue
@@ -1,30 +1,19 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
 <template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
+	<div>
+		<gie-input v-model="state" ref="inputRef" />
+		{{ state }}
+		<button @click="onFocus">focus</button>
+	</div>
 </template>
 
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
+<script setup lang="ts">
+import type { InputInstance } from "@giegie/components";
+import { ref } from "vue";
+
+const state = ref("");
+const inputRef = ref<InputInstance>();
+
+function onFocus() {
+	inputRef.value?.focus();
 }
-</style>
+</script>
diff --git a/learn-create-compoents-lib/test-app/src/main.ts b/learn-create-compoents-lib/test-app/src/main.ts
index 2425c0f..6bd9424 100644
--- a/learn-create-compoents-lib/test-app/src/main.ts
+++ b/learn-create-compoents-lib/test-app/src/main.ts
@@ -1,5 +1,12 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { createApp } from "vue";
 
-createApp(App).mount('#app')
+import "./style.css";
+import App from "./App.vue";
+
+import "@giegie/components/es/style.css";
+import GieComponents from "@giegie/components";
+
+createApp(App)
+	//
+	.use(GieComponents)
+	.mount("#app");