u

code/base-project/base-vue/src/App.vue

@@ -1,13 +1,24 @@
 <script setup lang="ts">
+import { ref } from 'vue'
 
+const value = ref('')
 </script>
 
 <template>
-  <div>
-    content
+  <div class="main">
+    <ASwitch v-model="value" loading checked-value="1" unchecked-value="2" checked-content="1" unchecked-content="2" />
+    {{ value }}
   </div>
 </template>
 
 <style lang="scss" scoped>
-
-</style>
+.main {
+  width: 100%;
+  height: 800px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 16px;
+}
+</style>

code/base-project/base-vue/src/components.d.ts

@@ -28,6 +28,7 @@ declare module 'vue' {
     ASeparator: typeof import('@ao/ao-design')['Separator']
     ASpace: typeof import('@ao/ao-design')['Space']
     ASpin: typeof import('@ao/ao-design')['Spin']
+    ASwitch: typeof import('@ao/ao-design')['Switch']
     ATag: typeof import('@ao/ao-design')['Tag']
     ATagGroup: typeof import('@ao/ao-design')['TagGroup']
     ATextarea: typeof import('@ao/ao-design')['Textarea']