fix: use vite as a packaging tool

Aurora-plugin/vuepress-plugin-archive/lib/client/clientAppEnhance.js

@@ -1,5 +1,5 @@
 import { defineClientAppEnhance } from '@vuepress/client';
-import AuroraArchive from "./components/AuroraArchive";
+import AuroraArchive from "./components/AuroraArchive.vue";
 import './style/aurora-archive.css'
 
 export default defineClientAppEnhance(({ app, router }) => {

Aurora-plugin/vuepress-plugin-archive/lib/client/components/AuroraArchive.vue

@@ -10,8 +10,8 @@
 </template>
 
 <script>
-const pageData = require('@temp/page-data')
-import ArchiveItem from "./ArchiveItem";
+import pageData from '@temp/page-data'
+import ArchiveItem from "./ArchiveItem.vue";
 let excludes = []
 try {
   excludes = __EXCLUDES__;

Aurora-plugin/vuepress-plugin-bubble/lib/AuroraBubble.vue

@@ -53,7 +53,7 @@ export default {
     }
   },
   mounted() {
-    const bubble = require('./bubble')
+    const bubble = import("./bubble")
     bubble.bubble(bubbleNumber,bubbleAlpha,alphaChangeSpeed,size,sizeChangeSpeed,riseSpeed,color)
   }
 }

Aurora-plugin/vuepress-plugin-bubble/lib/bubble.js

@@ -74,7 +74,7 @@ function Bubble() {
 }
 
 
-module.exports = {
+export default {
     bubble: function (aurora_bubbleNumber,aurora_bubbleAlpha,aurora_alphaChangeSpeed,aurora_size,aurora_sizeChangeSpeed,aurora_riseSpeed,aurora_color) {
         bubbleNumber = aurora_bubbleNumber
         bubbleAlpha = aurora_bubbleAlpha

Aurora-plugin/vuepress-plugin-coze/lib/client/clientAppEnhance.js

@@ -1,10 +1,10 @@
 import { defineClientAppEnhance } from '@vuepress/client';
-import CozeMood from './components/CozeMood'
-import RegisterUser from './components/RegisterUser'
-import CozeLogin from "./components/CozeLogin";
-import CozePhoto from "./components/CozePhoto";
+import CozeMood from './components/CozeMood.vue'
+import RegisterUser from './components/RegisterUser.vue'
+import CozeLogin from "./components/CozeLogin.vue";
+import CozePhoto from "./components/CozePhoto.vue";
 import './style/coze-plugin.css'
-const AV = require('leancloud-storage');
+import AV from 'leancloud-storage'
 
 let appId = ''
 let appKey = ''

Aurora-plugin/vuepress-plugin-coze/lib/client/components/AddMood.vue

@@ -81,7 +81,7 @@
 </template>
 
 <script>
-const AV = require('leancloud-storage');
+import AV from 'leancloud-storage'
 const { Query, User } = AV;
 let appId = ''
 let appKey = ''

Aurora-plugin/vuepress-plugin-coze/lib/client/components/CozeLogin.vue

@@ -30,7 +30,7 @@
 </template>
 
 <script>
-const AV = require('leancloud-storage');
+import AV from 'leancloud-storage'
 const { Query, User } = AV;
 let appId = ''
 let appKey = ''

Aurora-plugin/vuepress-plugin-coze/lib/client/components/CozeMood.vue

@@ -41,7 +41,7 @@ import {
 } from 'vue'
 import MoodItem from "./MoodItem.vue";
 import AddMood from './AddMood.vue'
-const AV = require('leancloud-storage');
+import AV from 'leancloud-storage'
 const { Query, User } = AV;
 let appId = ''
 let appKey = ''

Aurora-plugin/vuepress-plugin-coze/lib/client/components/CozePhoto.vue

@@ -28,7 +28,7 @@
 
  <script>
  import mediumZoom from "medium-zoom";
- const AV = require('leancloud-storage');
+ import AV from 'leancloud-storage'
 
  export default {
    name: "v-waterfall",

Aurora-plugin/vuepress-plugin-coze/lib/client/components/MoodItem.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script>
-const AV = require('leancloud-storage');
+import AV from 'leancloud-storage'
 const { User } = AV;
 let appId = ''
 let appKey = ''

Aurora-plugin/vuepress-plugin-coze/lib/client/components/RegisterUser.vue

@@ -41,8 +41,8 @@
 </template>
 
 <script>
-const flowers = require("../public/js/flowers")
-const AV = require('leancloud-storage');
+import flowers from "../public/js/flowers";
+import AV from 'leancloud-storage'
 const { Query, User } = AV;
 let appId = ''
 let appKey = ''
@@ -58,7 +58,7 @@ try {
 }catch (e) {
   console.warn("你必须在插件中传入appId,appKey,masterKey配置项")
 }
-import AddMood from "./AddMood";
+import AddMood from "./AddMood.vue";
 export default {
   name: "RegisterUser",
   components: {

Aurora-plugin/vuepress-plugin-coze/lib/client/public/js/flowers.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
     flowers: function (flowersNum) {
         let i;
         let canvas = document.getElementById("coze-flowers-canvas");

Aurora-plugin/vuepress-plugin-player/lib/client/clientAppEnhance.js

@@ -1,5 +1,5 @@
 import { defineClientAppEnhance } from '@vuepress/client';
-import AuroraMusic from "./components/AuroraMusic";
+import AuroraMusic from "./components/AuroraMusic.vue";
 import './style/aurora.music.css'
 export default defineClientAppEnhance(({ app, router }) => {
     app.component("AuroraMusic",AuroraMusic)

Aurora-plugin/vuepress-plugin-player/lib/client/components/AuroraMusic.vue

@@ -57,7 +57,7 @@
 </template>
 
 <script>
-const network = require('../network')
+import network from "../network";
 let songIds = []
 let playlist = ''
 let showPlaylist = false

Aurora-plugin/vuepress-plugin-player/lib/client/network.js

@@ -1,7 +1,6 @@
-//import axios from "axios"
-const axios = require('axios')
+import axios from "axios";
 
-module.exports = {
+export default {
     req: function (option) {
         return new Promise((resolve, reject) => {
             let timeout = 5000;

Aurora-theme/lib/client/clientAppEnhance.js

@@ -2,8 +2,10 @@ import { h } from 'vue';
 import { defineClientAppEnhance } from '@vuepress/client';
 import {useScrollPromise, useThemeData, useThemeLocaleData} from './composables';
 import 'default-passive-events'
+import store from './public/js/store'
 
-import CodeGroup from './components/global/CodeGroup';
+//组件导入
+import CodeGroup from "./components/global/CodeGroup";
 import Badge from './components/global/Badge.vue';
 import CodeGroupItem from './components/global/CodeGroupItem.vue';
 import OutboundLink from './components/global/ExternalLinkIcon.vue';
@@ -26,7 +28,7 @@ import Archive from './components/Archive.vue'
 //主题内置组件
 import Pins from "./components/global/inner/Pins.vue";
 
-import store from './public/js/store'
+//样式导入
 import './styles/index.scss';
 import './styles/photo.scss'
 //import './styles/coverStyle.css'

Aurora-theme/lib/client/components/About.vue

@@ -54,8 +54,8 @@ import {
 } from 'vue'
 import Home from './Home.vue'
 import TagItem from './child/tag/TagItem.vue'
+
 import {useThemeData} from "../composables";
-//导入配置属性
 
 export default defineComponent({
   name: 'About',

Aurora-theme/lib/client/components/DropdownLink.vue

@@ -84,6 +84,7 @@ import { computed, defineComponent, ref, toRefs, watch } from 'vue'
 import type { PropType } from 'vue'
 import { useRoute } from 'vue-router'
 import type { NavGroup, NavItem } from '../../shared'
+
 import NavLink from './NavLink.vue'
 
 export default defineComponent({

Aurora-theme/lib/client/components/Home.vue

@@ -39,17 +39,15 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import { usePageFrontmatter, useSiteLocaleData, withBase} from '@vuepress/client'
-
 import { isArray } from '@vuepress/shared'
 import type { DefaultThemeHomePageFrontmatter } from '../../shared'
+import EasyTyper from "easy-typer-js";
+import {useThemeLocaleData} from "../composables";
+import network from '../public/js/network.js'
+
 import NavLink from './NavLink.vue'
 import HomeSocial from './child/home/HomeSocial.vue'
-import EasyTyper from "easy-typer-js";
 import HomeSidebarSocialItem from './child/side/HomeSidebarSocialItem.vue'
-import {useThemeLocaleData} from "../composables";
-import axios from "axios";
-//导入配置属性
-import network from '../public/js/network'
 
 export default defineComponent({
   name: 'Home',

Aurora-theme/lib/client/components/HomeBottom.vue

@@ -21,8 +21,9 @@
 
 <script>
 import HomePageItem from "./child/home/HomePageItem.vue";
-import {useThemeData} from "../composables";
 import Pagination from "./Pagination.vue";
+
+import {useThemeData} from "../composables";
 export default {
   name: "HomeBottom",
   components: {

Aurora-theme/lib/client/components/Link.vue

@@ -56,8 +56,8 @@ import {
 } from 'vue'
 
 import LinkItem from './child/LinkItem.vue'
+
 import {useThemeData} from "../composables";
-//导入配置属性
 
 export default defineComponent({
   name: 'About',

Aurora-theme/lib/client/components/Navbar.vue

@@ -39,11 +39,9 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
-import { useRouteLocale, useSiteLocaleData, withBase } from '@vuepress/client'
+import {useRouteLocale, useSiteLocaleData, withBase} from '@vuepress/client'
 import {useThemeData, useThemeLocaleData} from '../composables'
-import NavbarLinks from './NavbarLinks.vue'
-import ToggleDarkModeButton from './ToggleDarkModeButton.vue'
-import ToggleSidebarButton from './ToggleSidebarButton.vue'
+
 defineEmits(['toggle-sidebar'])
 const routeLocale = useRouteLocale()
 const siteLocale = useSiteLocaleData()

Aurora-theme/lib/client/components/Page.vue

@@ -29,13 +29,15 @@
 
 <script>
 import Mood from "./Mood.vue";
-import { defineComponent } from 'vue'
 import PageMeta from './PageMeta.vue'
 import PageNav from './PageNav.vue'
 import RecommendPage from "./RecommendPage.vue";
-import {usePageData} from "@vuepress/client";
 import PageNext from "./child/page/PageNext.vue";
+
+import { defineComponent } from 'vue'
+import {usePageData} from "@vuepress/client";
 import $ from 'jquery'
+
 export default defineComponent({
   name: 'Page',
   components: {

Aurora-theme/lib/client/components/PageMeta.vue

@@ -41,6 +41,7 @@ import type {
 } from '../../shared'
 import { useThemeLocaleData } from '../composables'
 import { resolveEditLink } from '../utils'
+
 import NavLink from './NavLink.vue'
 import Poster from "./global/Poster.vue";
 

Aurora-theme/lib/client/components/PageNav.vue

@@ -25,6 +25,7 @@ import type {
   ResolvedSidebarItem,
 } from '../../shared'
 import { useNavLink, useSidebarItems } from '../composables'
+
 import NavLink from './NavLink.vue'
 
 /**

Aurora-theme/lib/client/components/RecommendPage.vue

@@ -14,6 +14,7 @@
 
 <script>
 import RecommendItem from "./child/RecommendItem.vue"
+
 export default {
   name: "RecommendPage",
   components: {

Aurora-theme/lib/client/components/SocialSpin.vue

@@ -15,6 +15,7 @@
 
 <script>
 import AddMood from "./child/AddMood.vue";
+
 import {useThemeData} from "../composables";
 export default {
   name: "SocialSpin",

Aurora-theme/lib/client/components/Tag.vue

@@ -85,9 +85,10 @@
 import TagCloud from "./child/tag/TagCloud.vue";
 import TagItem from "./child/tag/TagItem.vue";
 import TagPage from "./child/tag/TagPage.vue";
-import {useThemeData} from "../composables";
 import Pagination from "./Pagination.vue";
 
+import {useThemeData} from "../composables";
+
 export default {
   name: "Tag",
   components: {

Aurora-theme/lib/client/components/child/PosterImg.vue

@@ -89,7 +89,7 @@
 </template>
 
 <script>
-import $ from 'jquery'
+import $ from "jquery";
 import {usePageData} from "@vuepress/client";
 import mediumZoom from "medium-zoom";
 import {useThemeData} from "../../composables";

Aurora-theme/lib/client/components/child/RecommendItem.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script>
+
 export default {
   name: "RecommendItem",
   data() {

Aurora-theme/lib/client/components/child/home/HomePageItem.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import {useThemeLocaleData} from '../../../composables'
+import {useThemeLocaleData} from "../../../composables";
 export default {
   name: "HomePageItem",
   data() {

Aurora-theme/lib/client/components/child/side/HomeSidebar.vue

@@ -184,10 +184,11 @@
 </template>
 
 <script>
-import {withBase} from "@vuepress/client";
 import Catalog from "../Catalog.vue";
 import MobileSidebarNav from "./MobileSidebarNav.vue";
 import HomeSidebarSocialItem from "./HomeSidebarSocialItem.vue";
+
+
 import {useThemeData} from "../../../composables";
 export default {
   name: "HomeSidebar",

Aurora-theme/lib/client/components/global/AuroraGlobal.vue

@@ -314,9 +314,9 @@ export default defineComponent({
 })
 </script>
 
-<!--<style lang="css">-->
-<!--/* 从调色板中引入变量 */-->
-<!--@import '@vuepress/plugin-palette/palette';-->
-<!--</style>-->
+<style lang="css">
+/* 从调色板中引入变量 */
+/*@import '@vuepress/plugin-palette/palette';*/
+</style>
 
 <!--<style lang="css" src="@vuepress/plugin-palette/style"></style>-->

Aurora-theme/lib/client/components/global/Comment.vue

@@ -13,7 +13,7 @@
 </template>
 <script>
 import {useThemeData} from "../../composables";
-import $ from 'jquery'
+import $ from "jquery";
 //import Waline from '@waline/client';
 export default {
   name: "Comment",

Aurora-theme/lib/client/components/global/Common.vue

@@ -98,14 +98,16 @@ import Navbar from '../../components/Navbar.vue'
 import Home from '../Home.vue'
 import MobileSidebar from "../child/side/MobileSidebar.vue";
 import SocialSpin from '../SocialSpin.vue'
+
+
 //配置导入
-// const tag = require('../../public/js/tag')
-import tag from '../../public/js/tag.js'
+import tag from '../../public/js/tag'
 import {computed, defineComponent, Transition,} from 'vue'
 import {usePageData, usePageFrontmatter, withBase} from '@vuepress/client'
 import type {DefaultThemePageFrontmatter} from '../../../shared'
 import {useThemeData, useThemeLocaleData} from '../../composables'
 import $ from 'jquery'
+
 export default defineComponent({
   name: 'Common',
   components: {
@@ -511,7 +513,7 @@ export default defineComponent({
 <style lang="css">
 @import "../../styles/theme.style.css";
 /* 从调色板中引入变量 */
-@import '@vuepress/plugin-palette/palette';
+/*@import '@vuepress/plugin-palette/palette';*/
 </style>
 
 <!--<style lang="css" src="@vuepress/plugin-palette/style"></style>-->