feat(projects): 添加全局组件自动引入注册

This commit is contained in:
Soybean
2022-03-12 19:55:02 +08:00
parent 094dca961f
commit f5a043b11a
32 changed files with 77 additions and 35 deletions

View File

@ -14,7 +14,6 @@
<script setup lang="ts">
import { zhCN, dateZhCN } from 'naive-ui';
import { NaiveProvider } from '@/components';
import { useThemeStore, subscribeStore } from '@/store';
const theme = useThemeStore();

View File

@ -4,7 +4,5 @@
</dark-mode-container>
</template>
<script setup lang="ts">
import { DarkModeContainer } from '@/components';
</script>
<script setup lang="ts"></script>
<style scoped></style>

View File

@ -7,7 +7,6 @@
<script lang="ts" setup>
import { useFullscreen } from '@vueuse/core';
import { HoverContainer } from '@/components';
const { isFullscreen, toggle } = useFullscreen();
</script>

View File

@ -6,7 +6,5 @@
</hover-container>
</template>
<script lang="ts" setup>
import { HoverContainer } from '@/components';
</script>
<script lang="ts" setup></script>
<style scoped></style>

View File

@ -6,7 +6,6 @@
</template>
<script lang="ts" setup>
import { HoverContainer } from '@/components';
import { useAppStore } from '@/store';
const app = useAppStore();

View File

@ -5,7 +5,6 @@
</template>
<script lang="ts" setup>
import { HoverContainer, DarkModeSwitch } from '@/components';
import { useThemeStore } from '@/store';
const theme = useThemeStore();

View File

@ -8,7 +8,6 @@
</template>
<script lang="ts" setup>
import { HoverContainer } from '@/components';
import { useAuthStore } from '@/store';
import { iconifyRender } from '@/utils';

View File

@ -19,7 +19,6 @@
</template>
<script setup lang="ts">
import { DarkModeContainer } from '@/components';
import { useThemeStore } from '@/store';
import GlobalLogo from '../GlobalLogo/index.vue';
import GlobalSearch from '../GlobalSearch/index.vue';

View File

@ -8,7 +8,6 @@
</template>
<script setup lang="ts">
import { SystemLogo } from '@/components';
import { routePath } from '@/router';
import { useAppInfo } from '@/composables';

View File

@ -8,7 +8,6 @@
</template>
<script lang="ts" setup>
import { HoverContainer } from '@/components';
import { useBoolean } from '@/hooks';
import { SearchModal } from './components';

View File

@ -32,7 +32,6 @@
import { ref, computed, watch } from 'vue';
import { useRoute } from 'vue-router';
import type { MenuOption } from 'naive-ui';
import { DarkModeContainer } from '@/components';
import { useAppStore, useThemeStore } from '@/store';
import { useAppInfo, useRouterPush } from '@/composables';
import { getActiveKeyPathsOfMenus } from '@/utils';

View File

@ -23,7 +23,6 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { useRoute } from 'vue-router';
import { DarkModeContainer } from '@/components';
import { useAppStore, useThemeStore, useRouteStore } from '@/store';
import { useRouterPush } from '@/composables';
import { useBoolean } from '@/hooks';

View File

@ -7,7 +7,6 @@
<script setup lang="ts">
import { computed } from 'vue';
import { DarkModeContainer } from '@/components';
import { useAppStore, useThemeStore } from '@/store';
import { GlobalLogo } from '@/layouts/common';
import { VerticalMenu } from './components';

View File

@ -5,7 +5,6 @@
</template>
<script setup lang="ts">
import { HoverContainer } from '@/components';
import { useAppStore } from '@/store';
import { useLoading } from '@/hooks';

View File

@ -13,7 +13,6 @@
import { ref, watch } from 'vue';
import { useRoute } from 'vue-router';
import { useElementBounding } from '@vueuse/core';
import { DarkModeContainer, BetterScroll } from '@/components';
import { useThemeStore, useTabStore } from '@/store';
import { useDeviceInfo } from '@/composables';
import { TabDetail, ReloadButton } from './components';

View File

@ -17,7 +17,6 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import type { DataTableColumn } from 'naive-ui';
import { LoadingEmptyWrapper } from '@/components';
import { useLoadingEmpty } from '@/hooks';
import { getRandomInterger } from '@/utils';

View File

@ -19,7 +19,6 @@
<script setup lang="ts">
import { Icon } from '@iconify/vue';
import { CountTo } from '@/components';
import { GradientBg } from './components';
interface CardData {

View File

@ -33,7 +33,6 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { Line, Pie } from '@antv/g2plot';
import { CountTo } from '@/components';
import data from './data.json';
const lineRef = ref<HTMLElement>();

View File

@ -13,7 +13,6 @@
import { ref, watch, onMounted, onUnmounted } from 'vue';
import Vditor from 'vditor';
import 'vditor/src/assets/scss/index.scss';
import { GithubLink } from '@/components';
import { useThemeStore } from '@/store';
const theme = useThemeStore();

View File

@ -12,7 +12,6 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import WangEditor from 'wangeditor';
import { GithubLink } from '@/components';
const editor = ref<WangEditor>();
const domRef = ref<HTMLElement>();

View File

@ -45,7 +45,6 @@
<script lang="ts" setup>
import { ref } from 'vue';
import { Icon } from '@iconify/vue';
import { IconSelect, WebSiteLink } from '@/components';
import { icons } from './icons';
const selectValue = ref('');

View File

@ -12,7 +12,6 @@
<script lang="ts" setup>
import printJS from 'print-js';
import { GithubLink } from '@/components';
function printTable() {
printJS({

View File

@ -24,7 +24,6 @@
import SwiperCore, { Navigation, Pagination } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/vue';
import type { SwiperOptions } from 'swiper';
import { WebSiteLink, GithubLink } from '@/components';
type SwiperExampleOptions = Pick<
SwiperOptions,

View File

@ -37,7 +37,6 @@
<script setup lang="ts">
import { reactive, ref } from 'vue';
import type { FormInst } from 'naive-ui';
import { ImageVerify } from '@/components';
import { useAuthStore } from '@/store';
import { useRouterPush } from '@/composables';
import { useSmsCode } from '@/hooks';

View File

@ -29,7 +29,6 @@
<script lang="ts" setup>
import { reactive, ref, toRefs } from 'vue';
import type { FormInst, FormRules } from 'naive-ui';
import { LoginAgreement } from '@/components';
import { useRouterPush } from '@/composables';
import { useSmsCode } from '@/hooks';
import { formRules, getConfirmPwdRule } from '@/utils';

View File

@ -31,7 +31,6 @@
import { computed } from 'vue';
import type { Component } from 'vue';
import { EnumLoginModule } from '@/enum';
import { SystemLogo, DarkModeSwitch } from '@/components';
import { useThemeStore } from '@/store';
import { useAppInfo } from '@/composables';
import { getColorPalette, mixColor } from '@/utils';