feat: 添加pinia状态管理库和Tabbar组件

添加pinia状态管理库和Tabbar组件，以支持应用的状态管理和底部导航栏功能。

src/pages/index/index.vue

@@ -5,15 +5,18 @@
       <p class="title text-red-500">
         {{ title }}
       </p>
-      <button @click="onClick">increment</button>
+      <WdButton @click="onClick">Increment</WdButton>
+      <Tabbar current-name="home" />
     </div>
+
   </div>
 </template>
 
 <script setup lang="ts">
 import { useUserStore } from '@/stores/user';
 import { computed } from 'vue';
-import { ref } from 'vue'
+
+import Tabbar from '@/components/Tabbar.vue';
 
 const user = useUserStore()
 

src/pages/my/index.vue

@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+import Tabbar from '@/components/Tabbar.vue';
+</script>
+
+<template>
+  <div>
+    <h1>我的页面</h1>
+    <Tabbar current-name="my" />
+  </div>
+</template>
+
+<style scoped>
+
+</style>