refactor(projects): all file and folder use kebab-case

src/layouts/common/global-tab/components/reload-button/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <hover-container class="w-64px h-full" tooltip-content="重新加载" placement="bottom-end" @click="handleRefresh">
+    <icon-mdi-refresh class="text-22px" :class="{ 'animate-spin': loading }" />
+  </hover-container>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { useAppStore, useRouteStore } from '@/store';
+import { useLoading } from '@/hooks';
+defineOptions({ name: 'ReloadButton' });
+
+const app = useAppStore();
+const routeStore = useRouteStore();
+const route = useRoute();
+const { loading, startLoading, endLoading } = useLoading();
+
+function handleRefresh() {
+  const isCached = routeStore.cacheRoutes.includes(String(route.name));
+  if (isCached) {
+    routeStore.removeCacheRoute(route.name as AuthRoute.AllRouteKey);
+  }
+  startLoading();
+  app.reloadPage();
+  setTimeout(() => {
+    if (isCached) {
+      routeStore.addCacheRoute(route.name as AuthRoute.AllRouteKey);
+    }
+    endLoading();
+  }, 1000);
+}
+</script>
+
+<style scoped></style>