update docs music and package (#92)

packages/document/docs/.vitepress/config.ts

@@ -26,7 +26,7 @@ export default defineConfig({
   vite: {
     optimizeDeps: {
       exclude: [],
-      include: ['wview'],
+      include: ['wviewui'],
       force: true
     },
     server: {
@@ -37,7 +37,7 @@ export default defineConfig({
     },
     resolve: {
       alias: [
-        { find: '@wview', replacement: resolve(__dirname, '../../../wview-components') },
+        { find: '@wviewui', replacement: resolve(__dirname, '../../../wview-components') },
         { find: '@', replacement: resolve(__dirname, '../src') }
       ]
     },

packages/document/docs/.vitepress/theme/index.ts

@@ -1,13 +1,21 @@
 import DefaultTheme from 'vitepress/theme'
 import './custom.css'
-import 'wview/dist/styles.css'
-import { Button } from 'wview'
+import 'wviewui/dist/styles.css'
 import { EnhanceAppContext } from 'vitepress'
+import vitepressMusic from 'vitepress-plugin-music'
+import 'vitepress-plugin-music/lib/css/index.css'
+
+const playlist = [
+  {
+    name: '群青',
+    author: 'YOASOBI',
+    file: '/群青.mp3',
+  }
+]
 
 export default {
   ...DefaultTheme,
   enhanceApp(ctx: EnhanceAppContext) {
-    DefaultTheme.enhanceApp(ctx)
-    ctx.app.component('Button', Button)
+    vitepressMusic(playlist)
   }
 }

packages/document/docs/src/example/Form/upload/acceptUpload.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Upload } from 'wview'
+import { Upload } from 'wviewui'
 </script>
 
 <style lang="less" scoped></style>

packages/document/docs/src/example/Form/upload/basicUpload.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Upload } from 'wview'
+import { Upload } from 'wviewui'
 </script>
 
 <style lang="less" scoped></style>

packages/document/docs/src/example/Form/upload/dragUpload.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Upload } from 'wview'
+import { Upload } from 'wviewui'
 </script>
 
 <style lang="less" scoped></style>

packages/document/docs/src/example/Form/upload/multipleUpload.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Upload } from 'wview'
+import { Upload } from 'wviewui'
 </script>
 
 <style lang="less" scoped></style>

packages/document/docs/src/example/basic/button/basicButton.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Button } from 'wview'
+import { Button } from 'wviewui'
 </script>
 
 <template>

packages/document/docs/src/example/basic/button/disabledButton.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Button } from 'wview'
+import { Button } from 'wviewui'
 </script>
 
 <template>

packages/document/docs/src/example/basic/button/iconButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button } from 'wview'
+import { Button } from 'wviewui'
 </script>
 
 <template>

packages/document/docs/src/example/basic/button/loadingButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button } from 'wview'
+import { Button } from 'wviewui'
 </script>
 
 <template>

packages/document/docs/src/example/basic/button/sizeButton.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Button } from 'wview'
+import { Button } from 'wviewui'
 </script>
 
 <template>

packages/document/docs/src/example/basic/icon/arrowIconList.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/editIconList.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/foodIconList.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/goodsIconList.vue

@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/mediaIconList.vue

@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/otherIconList.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/systemIconList.vue

@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/trafficIconList.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/icon/weatherIconList.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon } from 'wview'
+import { Icon } from 'wviewui'
 </script>
 
 <style lang="scss" scoped>

packages/document/docs/src/example/basic/input/demoInput1.vue

@@ -5,7 +5,7 @@
 
 <!-- js -->
 <script setup>
-import { Input } from 'wview'
+import { Input } from 'wviewui'
 import { ref } from 'vue'
 const myvalue = ref('')
 </script>

packages/document/docs/src/example/basic/input/demoInput2.vue

@@ -5,7 +5,7 @@
 
 <!-- js -->
 <script setup>
-import { Input } from 'wview'
+import { Input } from 'wviewui'
 import { ref } from 'vue'
 const myvalue = ref('')
 </script>

packages/document/docs/src/example/basic/input/demoInput3.vue

@@ -5,7 +5,7 @@
 
 <!-- js -->
 <script setup>
-import { Input } from 'wview'
+import { Input } from 'wviewui'
 import { ref } from 'vue'
 const myvalue = ref('')
 const clear = () => {

packages/document/docs/src/example/basic/input/demoInput4.vue

@@ -7,7 +7,7 @@
 
 <!-- js -->
 <script setup>
-import { Input } from 'wview'
+import { Input } from 'wviewui'
 import { ref } from 'vue'
 const myvalue = ref('')
 const value2 = ref('')

packages/document/docs/src/example/basic/input/demoInput5.vue

@@ -9,7 +9,7 @@
 
 <!-- js -->
 <script setup>
-import { Input } from 'wview'
+import { Input } from 'wviewui'
 import { ref } from 'vue'
 const myvalue = ref('')
 const value2 = ref('')

packages/document/docs/src/example/basic/input/demoInput6.vue

@@ -9,7 +9,7 @@
 
 <!-- js -->
 <script setup>
-import { Input, Button } from 'wview'
+import { Input, Button } from 'wviewui'
 import { ref } from 'vue'
 const myvalue = ref('')
 </script>

packages/document/docs/src/example/basic/input/demoInput7.vue

@@ -5,7 +5,7 @@
 
 <!-- js -->
 <script setup>
-import { Input } from 'wview'
+import { Input } from 'wviewui'
 import { ref } from 'vue'
 const password = ref('')
 </script>

packages/document/docs/src/example/basic/input/demoInput8.vue

@@ -10,7 +10,7 @@
 
 <!-- js -->
 <script setup>
-import { Input } from 'wview'
+import { Input } from 'wviewui'
 import { ref } from 'vue'
 const myvalue = ref('')
 </script>

packages/document/docs/src/example/basic/progress/demoProgress1.vue

@@ -8,5 +8,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Progress } from 'wview'
+import { Progress } from 'wviewui'
 </script>

packages/document/docs/src/example/basic/progress/demoProgress2.vue

@@ -8,5 +8,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Progress } from 'wview'
+import { Progress } from 'wviewui'
 </script>

packages/document/docs/src/example/basic/progress/demoProgress3.vue

@@ -8,5 +8,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Progress } from 'wview'
+import { Progress } from 'wviewui'
 </script>

packages/document/docs/src/example/basic/progress/demoProgress4.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Progress } from 'wview'
+import { Progress } from 'wviewui'
 import { reactive } from 'vue'
 const state = reactive({
   val: 0

packages/document/docs/src/example/basic/progress/demoProgress5.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Progress } from 'wview'
+import { Progress } from 'wviewui'
 import { reactive } from 'vue'
 const state = reactive({
   val: 0

packages/document/docs/src/example/interaction/modal/demoModal1.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { Button, Modal } from 'wview'
+import { Button, Modal } from 'wviewui'
 import { reactive } from 'vue'
 const state = reactive({
   isShow: false

packages/document/docs/src/example/interaction/modal/demoModal2.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { Button, Modal, Input } from 'wview'
+import { Button, Modal, Input } from 'wviewui'
 import { reactive, ref } from 'vue'
 const state = reactive({
   isShow: false

packages/document/docs/src/example/navigation/tab/borderTab.vue

@@ -8,5 +8,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Tab, TabPanel } from 'wview'
+import { Tab, TabPanel } from 'wviewui'
 </script>

packages/document/docs/src/example/navigation/tab/bottomNav.vue

@@ -8,5 +8,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Tab, TabPanel } from 'wview'
+import { Tab, TabPanel } from 'wviewui'
 </script>

packages/document/docs/src/example/navigation/tab/cardTab.vue

@@ -8,5 +8,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Tab, TabPanel } from 'wview'
+import { Tab, TabPanel } from 'wviewui'
 </script>

packages/document/docs/src/example/navigation/tab/defaultTab.vue

@@ -8,5 +8,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Tab, TabPanel } from 'wview'
+import { Tab, TabPanel } from 'wviewui'
 </script>

packages/document/docs/src/guide/quick-start.md

@@ -12,7 +12,7 @@
 // main.ts
 import { createApp } from 'vue'
 import wview from 'wviewui'
-import 'wview/dist/index.css'
+import 'wviewui/dist/styles.css'
 import App from './App.vue'
 
 const app = createApp(App)
@@ -27,7 +27,7 @@ app.mount('#app')
 // main.ts
 import { createApp } from 'vue'
 import { Button } from 'wviewui'
-import 'wviewui/dist/style.css'
+import 'wviewui/dist/styles.css'
 import App from './App.vue'
 
 const app = createApp(App)

packages/document/package.json

@@ -15,10 +15,11 @@
     "markdown-it": "^13.0.1",
     "unplugin-vue-define-options": "0",
     "vitepress": "1.0.0-alpha.36",
+    "vitepress-plugin-music": "^0.0.9",
     "vue": "^3.2.45"
   },
   "dependencies": {
     "markdown-it-include": "^2.0.0",
-    "wview": "workspace:^0.0.1"
+    "wviewui": "workspace:^0.0.2"
   }
 }