From 068c7e09e91c1d1321a5ae67b2d6b58d5d24e724 Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Mon, 27 Jan 2025 02:35:53 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=AA=84=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E4=B8=8D=E6=98=BE=E7=A4=BA=E7=83=9F=E8=8A=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/main.vue | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/layout/main.vue b/src/layout/main.vue
index 91838ab..76e3a68 100644
--- a/src/layout/main.vue
+++ b/src/layout/main.vue
@@ -16,7 +16,7 @@
         v-if="enableInnerSearch"
       />
     </div>
-    <template v-if="config.nazhua.showFireworks">
+    <template v-if="showFireworks">
       <fireworks />
     </template>
     <template v-if="config.nazhua.showLantern">
@@ -29,7 +29,10 @@
 /**
  * LayoutMain
  */
-import { computed } from 'vue';
+import {
+  ref,
+  computed,
+} from 'vue';
 import config from '@/config';
 import Fireworks from '@/components/fireworks.vue';
 import Lantern from '@/components/lantern.vue';
@@ -37,6 +40,8 @@ import LayoutHeader from './components/header.vue';
 import LayoutFooter from './components/footer.vue';
 import SearchBox from './components/search-box.vue';
 
+const windowWidth = ref(window.innerWidth);
+
 const layoutGroupStyle = computed(() => {
   const style = {};
   if (config.nazhua.lightBackground) {
@@ -54,7 +59,23 @@ const layoutBGStyle = computed(() => {
   return style;
 });
 
-const enableInnerSearch = computed(() => config.nazhua.enableInnerSearch);
+const showFireworks = computed(() => {
+  if (windowWidth.value < 800) {
+    return false;
+  }
+  return config.nazhua.showFireworks;
+});
+
+const enableInnerSearch = computed(() => {
+  if (typeof config.nazhua.enableInnerSearch === 'undefined') {
+    return true;
+  }
+  return config.nazhua.enableInnerSearch;
+});
+
+window.addEventListener('resize', () => {
+  windowWidth.value = window.innerWidth;
+});
 </script>
 
 <style lang="scss" scoped>