feat: global import vue

Author: unliar

package-lock.json

@@ -26,7 +26,8 @@
         "js-cookie": "^2.2.1",
         "markdown-it": "^12.0.4",
         "nprogress": "^0.2.0",
-        "vue": "^3.0.5",
+        "vue": "^3.1.4",
+        "vue-global-api": "^0.2.1",
         "vue-router": "^4.0.3",
         "vue-toastification": "^2.0.0-rc.1",
         "vuex": "^4.0.0"

package.json

@@ -4,7 +4,6 @@
 
 <script lang="ts" setup>
 import { useHead } from "@vueuse/head";
-import { onMounted, computed } from "vue";
 import { POSITION, useToast } from "vue-toastification";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";

src/App.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { onMounted, reactive, defineProps, computed } from "vue";
 import { useRouter } from "vue-router";
 import { useToast } from "vue-toastification";
 import { useStore } from "vuex";

src/components/article/Comment.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { defineProps } from "vue";
 import { FromNow } from "~/utils/time";
 
 const props = defineProps({

src/components/article/SimpleInfoItem.vue

@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import { defineProps, computed } from "vue";
-
 const props = defineProps({
     iconClass: String,
 });

src/components/common/FontIcon.vue

@@ -52,8 +52,6 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, reactive, ref } from "vue";
-
 // ref: Year = "2021";
 const Year = ref("2021");
 const TimeShow = reactive({

src/components/common/Footer.vue

@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import { defineProps, reactive, computed } from "vue";
-
 const props = defineProps({
     info: String,
     color: String,

src/components/common/LoadingBall/index.vue

@@ -19,14 +19,6 @@
     </transition>
 </template>
 <script lang="ts" setup>
-import {
-    ref,
-    onMounted,
-    onBeforeUnmount,
-    defineProps,
-    computed,
-    defineEmit,
-} from "vue";
 // 是否可见
 const visible = ref(false);
 

src/components/common/Message/index.vue

@@ -1,4 +1,3 @@
-import { defineComponent, computed } from "vue";
 import { useStore } from "vuex";
 
 import { StoreType } from "~/store";

src/components/layouts/Content/index.tsx

@@ -23,7 +23,6 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
 import { useStore } from "vuex";
 
 import type { StoreType } from "~/store";

src/components/layouts/Content/index.vue

@@ -1,4 +1,3 @@
-import { defineComponent } from "vue";
 import { DEFAULT_LAYOUT_NAME } from "~/constants";
 import Footer from "~/components/common/Footer.vue";
 import Header from "~/components/common/Header.vue";

src/components/layouts/Default/index.tsx

@@ -1,5 +1,6 @@
 import { createApp } from "vue";
 import { createHead } from "@vueuse/head";
+import "vue-global-api";
 import Toast, { PluginOptions, POSITION } from "vue-toastification";
 import "vue-toastification/dist/index.css";
 import "@geist-ui/themes";

src/main.ts

@@ -1,5 +1,3 @@
-import { onBeforeMount } from "vue";
-
 /**
  * 插入百度统计脚本
  * @param id

src/utils/pageView.ts

@@ -1,5 +1,4 @@
 import { AxiosRequestConfig } from "axios";
-import { reactive, watchEffect, toRefs } from "vue";
 import Axios from "./fetch";
 
 // 花里胡哨请求数据

src/utils/useFetch.ts

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { useHead } from "@vueuse/head";
-import { onMounted, onUnmounted, ref } from "vue";
 import { useRouter } from "vue-router";
 const router = useRouter();
 

src/views/404/index.vue

@@ -22,7 +22,6 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps, computed, watch } from "vue";
 import { useHead } from "@vueuse/head";
 
 import { UseGetMeiRiYiWen } from "~/api/article";

src/views/daily-articles/index.vue

@@ -1,4 +1,3 @@
-import { defineComponent, watch, onMounted, reactive } from "vue";
 import { useHead } from "@vueuse/head";
 
 import { GetArticles } from "~/api/article";

src/views/home/index.tsx

@@ -1,5 +1,4 @@
-<script lang="ts" setup="">
-import { defineProps, onMounted, reactive } from "vue";
+<script lang="ts" setup>
 import { useHead } from "@vueuse/head";
 import { GetArticles } from "~/api/article";
 import ContentLayout from "~/components/layouts/Content/index.vue";

src/views/home/index.vue

@@ -51,7 +51,6 @@
     </DefaultLayout>
 </template>
 <script lang="ts" setup>
-import { computed, defineProps, watch } from "vue";
 import { useToast } from "vue-toastification";
 import { useHead } from "@vueuse/head";
 

src/views/post/pid.vue

@@ -73,7 +73,6 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, ref, watch } from "vue";
 import { useRouter } from "vue-router";
 import { useToast } from "vue-toastification";
 import { useStore } from "vuex";

src/views/signin/index.vue

@@ -56,7 +56,6 @@
     </DefaultLayout>
 </template>
 <script lang="ts" setup>
-import { defineProps, reactive, onMounted, computed, watch } from "vue";
 import { useHead } from "@vueuse/head";
 import { useStore } from "vuex";
 import { useToast } from "vue-toastification";