✨ feat: 编写测试代码；

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>

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");