feat: 引入 pinia-plugin-persistedstate 实现状态持久化

frontend/src/views/MainView.vue

@@ -3,8 +3,9 @@
 
   <header>
     <div class="wrapper">
-
-      <ElButton>哈哈哈</ElButton>
+      <ElButton @click="() => themeConfigStore.elConfig.size = 'small'">哈哈哈</ElButton>
+      <ElButton @click="() => themeConfigStore.elConfig.size = 'default'">哈哈哈</ElButton>
+      <ElButton @click="() => themeConfigStore.elConfig.size = 'large'">哈哈哈</ElButton>
       <nav>
         <!-- <RouterLink to="/">Home</RouterLink> -->
         <!-- <RouterLink to="/about">About</RouterLink> -->
@@ -14,6 +15,9 @@
 </template>
 
 <script setup lang="ts">
+import { useThemeConfigStore } from '@/stores/themeConfig';
 import { ElButton } from 'element-plus';
 import { RouterLink, RouterView } from 'vue-router'
+
+const themeConfigStore = useThemeConfigStore()
 </script>