1

src/utils/on-size-change.ts

@@ -0,0 +1,18 @@
+/**
+ * 监听屏幕尺寸改变封装
+ */
+import { watch } from 'vue';
+import { storeToRefs } from 'pinia';
+import { useThemeStore } from '@/store/modules/theme';
+
+export function onSizeChange(hook: Function) {
+  if (!hook) {
+    return;
+  }
+  const themeStore = useThemeStore();
+  const { contentWidth } = storeToRefs(themeStore);
+
+  watch(contentWidth, () => {
+    hook();
+  });
+}