add some background effect

Author: leezekee

package-lock.json

@@ -25,5 +25,8 @@
     "vuepress-plugin-photo-swipe": "^2.0.0-beta.225",
     "vuepress-plugin-search-pro": "^2.0.0-beta.225",
     "vuepress-theme-hope": "2.0.0-beta.224"
+  },
+  "dependencies": {
+    "size-sensor": "^1.0.2"
   }
 }

package.json

@@ -1,10 +1,10 @@
 import { defineClientConfig } from "@vuepress/client";
 import TableClick2Copy from "./components/TableClick2Copy.vue";
-import MoileHomeHideLogo from "./components/MoileHomeHideLogo.vue";
+import MobileHomeHideLogo from "./components/MobileHomeHideLogo.vue";
 
 export default defineClientConfig({
     enhance: ({ app, router, siteData }) => {
         app.component("TableClick2Copy", TableClick2Copy);
-        app.component("MoileHomeHideLogo", MoileHomeHideLogo);
+        app.component("MobileHomeHideLogo", MobileHomeHideLogo);
     },
 });

src/.vuepress/client.ts

@@ -1,3 +1,7 @@
+<template>
+    
+</template>
+
 <script setup lang="ts">
 import { onMounted, onUnmounted } from 'vue';
 onMounted(() => {

src/.vuepress/components/MoileHomeHideLogo.vue src/.vuepress/components/MobileHomeHideLogo.vue

@@ -37,13 +37,63 @@ export default defineUserConfig({
     }),
   ],
   head: [
+    ['link',
+      {
+        "rel": "prefetch",
+        "href": '/js/ribbon.js',
+        "as": "script"
+      }
+    ],
+    ['link',
+      {
+        "rel": "prefetch",
+        "src": '/js/canvas-nest.js',
+        "as": "script"
+      }
+    ],
+    ["link", {
+      "rel": "preload",
+      "src": "/js/jquery-3.7.1.min.js",
+      "as": "script",
+    }],
+    ['link',
+      {
+        "rel": "prefetch",
+        "src": '/js/mouse-click.js',
+        "as": "script",
+      }
+    ],
     ['script',
       {
         src: 'https://umami.zekee.top/script.js',
         "data-website-id": '7fd44cad-d2c3-4a17-a899-9b1c71c3cd8a'
       }
-    ]
-  ]
+    ],
+    ['script',
+      {
+        "type": "text/javascript",
+        "src": '/js/canvas-nest.js',
+      }
+    ],
+    ["script", {
+      "language": "javascript",
+      "type": "text/javascript",
+      "src": "/js/jquery-3.7.1.min.js"
+    }],
+    ['script',
+      {
+        "type": "text/javascript",
+        "src": '/js/mouse-click.js',
+      }
+    ],
+    ['script',
+      {
+        "type": "text/javascript",
+        "src": '/js/ribbon.js',
+        "defer": true
+      }
+    ],
+  ],
   // Enable it with pwa
   // shouldPrefetch: false,
 });

src/.vuepress/config.ts

@@ -1 +1 @@
-import{_ as e,o as c,c as t}from"./app-b3c2d8c0.js";const _={};function o(r,n){return c(),t("div")}const a=e(_,[["render",o],["__file","404.html.vue"]]);export{a as default};
+import{_ as e,o as c,c as t}from"./app-ea94ee0d.js";const _={};function o(r,n){return c(),t("div")}const a=e(_,[["render",o],["__file","404.html.vue"]]);export{a as default};