feat: init

src/views/About/index.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { reactive } from 'vue';
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+
+const skip = (url: string) => {
+  router.push({
+    path: url,
+  });
+};
+
+const formInline = reactive({
+  user: '',
+  region: '',
+});
+
+const onSubmit = () => {
+  console.log('submit!');
+};
+</script>
+
+<template>
+  <h2>About</h2>
+  <button @click="skip('/home')">to Home</button>
+  <el-form :inline="true" :model="formInline" class="demo-form-inline">
+    <el-form-item label="Approved by">
+      <el-input v-model="formInline.user" placeholder="Approved by" />
+    </el-form-item>
+    <el-form-item label="Activity zone">
+      <el-select v-model="formInline.region" placeholder="Activity zone">
+        <el-option label="Zone one" value="shanghai" />
+        <el-option label="Zone two" value="beijing" />
+      </el-select>
+    </el-form-item>
+    <el-form-item>
+      <el-button type="primary" @click="onSubmit">Query</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped></style>

src/views/Doc/index.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+</script>
+
+<template>Doc</template>
+
+<style scoped></style>

src/views/Guide/index.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+</script>
+
+<template>project</template>
+
+<style scoped></style>

src/views/Home/index.vue

@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import HelloWorld from '../../components/HelloWorld.vue';
+import useStore from '@/store/index';
+import { useRouter } from 'vue-router';
+import { IUser } from '@/types/user';
+
+import { getData } from '@/api/main';
+const store = useStore();
+const router = useRouter();
+const data = ref<any>(null);
+const fetchData = async () => {
+  const res = await getData({});
+  data.value = res;
+  console.log('😊data.value:', data.value);
+};
+store.user.setUserList();
+// eslint-disable-next-line no-undef
+let user = ref<IUser[]>([]);
+const getUser = () => {
+  user.value = store.user.getUserList;
+  console.log('😊user.value:', user.value);
+};
+const skip = (url: string) => {
+  router.push({
+    path: url,
+    query: { id: 1 },
+  });
+};
+</script>
+
+<template>
+  <div class="flex justify-center">
+    <!-- <svg-icon :name="'menu'" class="cursor-pointer svgMenu"></svg-icon> -->
+    <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>
+  <div class="flex justify-center gap-6">
+    <button class="btn btn-primary" @click="getUser">pinia test</button>
+    <button class="btn btn-outline btn-secondary" @click="skip('about')"> router test</button>
+    <button class="btn glass" @click="fetchData">fetch</button>
+
+  </div>
+  <HelloWorld
+    class="flex flex-col items-center mx-auto text-center flex-column"
+    msg="Vite + Vue"
+  />
+</template>
+
+<style scoped lang="scss">
+
+
+.logo {
+  height: 10em;
+  padding: 1.5em;
+  will-change: filter;
+  z-index: 0;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+
+
+</style>