feat:

1.删除多余文件
2.新增前端发布时显示版本及编译时间
3.支持 vue3 ref sugar

web/build/info.json

@@ -0,0 +1,4 @@
+{
+	"version": "",
+	"buildTime": ""
+}

web/build/plugins.ts

@@ -0,0 +1,46 @@
+import type { Plugin } from "vite"
+import { resolve } from "path"
+import { readFileSync, writeFileSync } from "fs"
+
+function getFormatTime() {
+    let date = new Date();
+    let year: string | number = date.getFullYear();
+    let month: string | number = date.getMonth() + 1;
+    let day: string | number = date.getDate();
+    let h: string | number = date.getHours();
+    let m: string | number = date.getMinutes();
+    let s: string | number = date.getSeconds();
+    if (month < 10) month = "0"+month;
+    if (day < 10) day = "0"+day;
+    if (h < 10) h = "0"+h;
+    if (m < 10) m = "0"+m;
+    if (s < 10) s = "0"+s;
+    return [year, month, day].join("-") + " " + [h, m, s].join(":");
+}
+
+/**
+ * 自动修改版本号
+ * @returns 
+ */
+export function changePackageVersion(): Plugin {
+    if (process.env.NODE_ENV === "production") {
+        let packagePath = resolve(__dirname, "./info.json");
+        let packageStr = readFileSync(packagePath, {
+            encoding: "utf-8"
+        });
+        let packageJson = JSON.parse(packageStr);
+        let version = packageJson.version;
+        let versionArr: (string | number)[] = version.split(".");
+        let lastVersionNum = +versionArr[versionArr.length - 1];
+        lastVersionNum++;
+        versionArr.splice(versionArr.length - 1, 1, lastVersionNum);
+        packageJson.version = versionArr.join(".");
+        packageJson.buildTime = getFormatTime();
+        writeFileSync(packagePath, JSON.stringify(packageJson, null, "\t"), {
+            encoding: "utf-8"
+        })
+    }
+    return {
+        name: "changePackageVersion"
+    }
+}

web/package.json

@@ -33,7 +33,7 @@
     "@tauri-apps/cli": "^1.0.0-rc.7",
     "@types/node": "^17.0.35",
     "@types/qrcode": "^1.4.2",
-    "@vitejs/plugin-vue": "^2.3.1",
+    "@vitejs/plugin-vue": "^2.3.3",
     "@vue/compiler-sfc": "^3.2.36",
     "typescript": "^4.7.2",
     "vite": "^2.9.2"

web/src/App.vue

@@ -39,9 +39,17 @@
 import { computed } from 'vue';
 import { useStore } from 'vuex';
 import { darkTheme } from 'naive-ui';
+import { version, buildTime } from "../build/info.json";
 
 const store = useStore();
 const theme = computed(() => (store.state.theme === 'dark' ? darkTheme : null));
+
+console.log(`%c Release Build Info 
+%cVersion			v${version}
+BuildTime		${buildTime}`
+, "background:#000;color:#FFF;font-weight:bold;"
+, "background:#FFF;color:#000;"
+)
 </script>
 
 <style lang="less">

web/src/types/NetParams.d.ts

@@ -136,7 +136,7 @@ declare module NetParams {
     }
 
     interface PostGetTags {
-        type: 'hot' | string,
+        type: 'hot' | 'new',
         num: number
     }
 

web/src/views/Topic.vue

@@ -44,7 +44,7 @@ import { ref, onMounted } from 'vue';
 import { getTags } from '@/api/post';
 
 const tags = ref<Item.TagProps[]>([]);
-const tagType = ref('hot');
+const tagType = ref<"hot" | "new">('hot');
 const loading = ref(false);
 
 const loadTags = () => {
@@ -61,7 +61,7 @@ const loadTags = () => {
             loading.value = false;
         });
 };
-const changeTab = (tab: string) => {
+const changeTab = (tab: "hot" | "new") => {
     tagType.value = tab;
     loadTags();
 };

web/vite.config.ts

@@ -4,13 +4,17 @@ import vue from '@vitejs/plugin-vue'
 import Components from 'unplugin-vue-components/vite'
 
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
+import { changePackageVersion } from './build/plugins';
 // https://vitejs.dev/config/
 export default defineConfig({
   server: {
     host: '0.0.0.0'
   },
   plugins: [
-    vue(),
+    changePackageVersion(),
+    vue({
+      reactivityTransform: [/src/]
+    }),
     Components({
       resolvers: [NaiveUiResolver()]
     })

web/yarn.lock

@@ -206,10 +206,10 @@
   resolved "https://registry.npmmirror.com/@vicons/tabler/-/tabler-0.12.0.tgz"
   integrity sha512-3+wUFuxb7e8OzZ8Wryct1pzfA2vyoF4lwW98O9s27ZrfCGaJGNmqG+q8A7vQ92Mf+COCgxpK+rhNPTtTvaU6qw==
 
-"@vitejs/plugin-vue@^2.3.1":
-  version "2.3.1"
-  resolved "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-2.3.1.tgz"
-  integrity sha512-YNzBt8+jt6bSwpt7LP890U1UcTOIZZxfpE5WOJ638PNxSEKOqAi0+FSKS0nVeukfdZ0Ai/H7AFd6k3hayfGZqQ==
+"@vitejs/plugin-vue@^2.3.3":
+  version "2.3.3"
+  resolved "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-2.3.3.tgz#fbf80cc039b82ac21a1acb0f0478de8f61fbf600"
+  integrity sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==
 
 "@vue/[email protected]":
   version "3.2.33"