package.json

@@ -1,6 +1,6 @@
 {
   "name": "nazhua",
-  "version": "0.5.6",
+  "version": "0.5.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/layout/main.vue

@@ -16,7 +16,7 @@
         v-if="enableInnerSearch"
       />
     </div>
-    <template v-if="showFireworks">
+    <template v-if="config.nazhua.showFireworks">
       <fireworks />
     </template>
     <template v-if="config.nazhua.showLantern">
@@ -29,10 +29,7 @@
 /**
  * LayoutMain
  */
-import {
-  ref,
-  computed,
-} from 'vue';
+import { computed } from 'vue';
 import config from '@/config';
 import Fireworks from '@/components/fireworks.vue';
 import Lantern from '@/components/lantern.vue';
@@ -40,8 +37,6 @@ 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) {
@@ -59,23 +54,7 @@ const layoutBGStyle = computed(() => {
   return style;
 });
 
-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;
-});
+const enableInnerSearch = computed(() => config.nazhua.enableInnerSearch);
 </script>
 
 <style lang="scss" scoped>