feat(projects): 添加reload context

src/context/app/index.ts

@@ -0,0 +1,10 @@
+import useReloadContext from './useReloadContext';
+
+const { useReloadProvide, useReloadInject } = useReloadContext();
+
+/** 从App组件注入provide */
+function setupAppContext() {
+  useReloadProvide();
+}
+
+export { setupAppContext, useReloadInject };

src/context/app/useReloadContext.ts

@@ -0,0 +1,36 @@
+import { ref, nextTick } from 'vue';
+import type { Ref } from 'vue';
+import { useContext } from '@/hooks';
+
+interface ReloadContext {
+  reload: Ref<boolean>;
+  handleReload(): void;
+}
+const { useProvide, useInject: useReloadInject } = useContext<ReloadContext>();
+
+/** 重载上下文 */
+export default function useReloadContext() {
+  const reload = ref(true);
+  function handleReload() {
+    reload.value = false;
+    nextTick(() => {
+      nextTick(() => {
+        reload.value = true;
+      });
+    });
+  }
+  const context: ReloadContext = {
+    reload,
+    handleReload
+  };
+
+  function useReloadProvide() {
+    useProvide(context);
+  }
+
+  return {
+    context,
+    useReloadProvide,
+    useReloadInject
+  };
+}

src/context/index.ts

@@ -0,0 +1,3 @@
+import { setupAppContext, useReloadInject } from './app';
+
+export { setupAppContext, useReloadInject };