feat: bump vue to 3.3 (#1327)

Mister-Hope · meteorlxy · web-flow · commit bebadeaf8c25 · 2023-05-11T21:20:05.000+08:00
Co-authored-by: meteorlxy &lt;meteor.lxy@foxmail.com&gt;
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -9,6 +9,8 @@ module.exports = {
     __VUE_HMR_RUNTIME__: 'readonly',
     __VUE_OPTIONS_API__: 'readonly',
     __VUE_PROD_DEVTOOLS__: 'readonly',
+    // workaround for vue3.3 slots, should be removed once eslint-plugin-vue supports this
+    defineSlots: 'readonly',
   },
   overrides: [
     {
diff --git a/docs/package.json b/docs/package.json
@@ -24,6 +24,6 @@
     "@vuepress/utils": "workspace:*",
     "anywhere": "^1.6.0",
     "sass-loader": "^13.2.2",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   }
 }
diff --git a/ecosystem/plugin-active-header-links/package.json b/ecosystem/plugin-active-header-links/package.json
@@ -39,8 +39,8 @@
     "@vuepress/core": "workspace:*",
     "@vuepress/utils": "workspace:*",
     "ts-debounce": "^4.0.0",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-back-to-top/package.json b/ecosystem/plugin-back-to-top/package.json
@@ -39,7 +39,7 @@
     "@vuepress/core": "workspace:*",
     "@vuepress/utils": "workspace:*",
     "ts-debounce": "^4.0.0",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-docsearch/package.json b/ecosystem/plugin-docsearch/package.json
@@ -46,8 +46,8 @@
     "@vuepress/utils": "workspace:*",
     "@vueuse/core": "^10.1.2",
     "ts-debounce": "^4.0.0",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-external-link-icon/package.json b/ecosystem/plugin-external-link-icon/package.json
@@ -40,7 +40,7 @@
     "@vuepress/markdown": "workspace:*",
     "@vuepress/shared": "workspace:*",
     "@vuepress/utils": "workspace:*",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-medium-zoom/package.json b/ecosystem/plugin-medium-zoom/package.json
@@ -41,7 +41,7 @@
     "@vuepress/core": "workspace:*",
     "@vuepress/utils": "workspace:*",
     "medium-zoom": "^1.0.8",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-nprogress/package.json b/ecosystem/plugin-nprogress/package.json
@@ -38,8 +38,8 @@
     "@vuepress/client": "workspace:*",
     "@vuepress/core": "workspace:*",
     "@vuepress/utils": "workspace:*",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-pwa-popup/package.json b/ecosystem/plugin-pwa-popup/package.json
@@ -41,7 +41,7 @@
     "@vuepress/plugin-pwa": "workspace:*",
     "@vuepress/shared": "workspace:*",
     "@vuepress/utils": "workspace:*",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-pwa/package.json b/ecosystem/plugin-pwa/package.json
@@ -39,7 +39,7 @@
     "@vuepress/utils": "workspace:*",
     "mitt": "^3.0.0",
     "register-service-worker": "^1.7.2",
-    "vue": "^3.2.47",
+    "vue": "^3.3.1",
     "workbox-build": "^6.5.4"
   },
   "publishConfig": {
diff --git a/ecosystem/plugin-search/package.json b/ecosystem/plugin-search/package.json
@@ -40,8 +40,8 @@
     "@vuepress/shared": "workspace:*",
     "@vuepress/utils": "workspace:*",
     "chokidar": "^3.5.3",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-theme-data/package.json b/ecosystem/plugin-theme-data/package.json
@@ -40,7 +40,7 @@
     "@vuepress/core": "workspace:*",
     "@vuepress/shared": "workspace:*",
     "@vuepress/utils": "workspace:*",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/plugin-toc/package.json b/ecosystem/plugin-toc/package.json
@@ -37,8 +37,8 @@
     "@vuepress/client": "workspace:*",
     "@vuepress/core": "workspace:*",
     "@vuepress/utils": "workspace:*",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/ecosystem/theme-default/package.json b/ecosystem/theme-default/package.json
@@ -57,8 +57,9 @@
     "@vuepress/utils": "workspace:*",
     "@vueuse/core": "^10.1.2",
     "sass": "^1.62.1",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "sass-loader": "^13.2.2",
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "peerDependencies": {
     "sass-loader": "^13.2.1"
diff --git a/ecosystem/theme-default/src/client/components/AutoLink.vue b/ecosystem/theme-default/src/client/components/AutoLink.vue
@@ -23,6 +23,11 @@ const props = defineProps({
   },
 })
 
+defineSlots<{
+  before?: (props: Record<never, never>) => any
+  after?: (props: Record<never, never>) => any
+}>()
+
 const route = useRoute()
 const site = useSiteData()
 const { item } = toRefs(props)
diff --git a/ecosystem/theme-default/src/client/components/DropdownTransition.vue b/ecosystem/theme-default/src/client/components/DropdownTransition.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+defineSlots<{
+  default?: (props: Record<never, never>) => any
+}>()
+
 const setHeight = (items): void => {
   // explicitly set height so that it can be transitioned
   items.style.height = items.scrollHeight + 'px'
diff --git a/ecosystem/theme-default/src/client/components/Navbar.vue b/ecosystem/theme-default/src/client/components/Navbar.vue
@@ -10,7 +10,14 @@ import {
   useUpdateDeviceStatus,
 } from '../composables/index.js'
 
-defineEmits(['toggle-sidebar'])
+defineEmits<{
+  (e: 'toggle-sidebar'): void
+}>()
+
+defineSlots<{
+  before?: (props: Record<never, never>) => any
+  after?: (props: Record<never, never>) => any
+}>()
 
 const themeLocale = useThemeLocaleData()
 
diff --git a/ecosystem/theme-default/src/client/components/Page.vue b/ecosystem/theme-default/src/client/components/Page.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import PageMeta from '@theme/PageMeta.vue'
 import PageNav from '@theme/PageNav.vue'
+
+defineSlots<{
+  'top'?: (props: Record<never, never>) => any
+  'bottom'?: (props: Record<never, never>) => any
+  'content-top'?: (props: Record<never, never>) => any
+  'content-bottom'?: (props: Record<never, never>) => any
+}>()
 </script>
 
 <template>
diff --git a/ecosystem/theme-default/src/client/components/Sidebar.vue b/ecosystem/theme-default/src/client/components/Sidebar.vue
@@ -1,6 +1,11 @@
 <script setup lang="ts">
 import NavbarItems from '@theme/NavbarItems.vue'
 import SidebarItems from '@theme/SidebarItems.vue'
+
+defineSlots<{
+  top?: (props: Record<never, never>) => any
+  bottom?: (props: Record<never, never>) => any
+}>()
 </script>
 
 <template>
diff --git a/ecosystem/theme-default/src/client/components/ToggleSidebarButton.vue b/ecosystem/theme-default/src/client/components/ToggleSidebarButton.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import { useThemeLocaleData } from '../composables/index.js'
 
-defineEmits(['toggle'])
+defineEmits<{
+  (e: 'toggle'): void
+}>()
 
 const themeLocale = useThemeLocaleData()
 </script>
diff --git a/ecosystem/theme-default/src/client/components/global/Badge.vue b/ecosystem/theme-default/src/client/components/global/Badge.vue
@@ -16,6 +16,10 @@ defineProps({
     default: undefined,
   },
 })
+
+defineSlots<{
+  default?: () => any
+}>()
 </script>
 
 <template>
diff --git a/ecosystem/theme-default/src/client/components/global/CodeGroup.ts b/ecosystem/theme-default/src/client/components/global/CodeGroup.ts
@@ -1,9 +1,13 @@
 import { defineComponent, h, onBeforeUpdate, ref } from 'vue'
-import type { Component, VNode } from 'vue'
+import type { Component, SlotsType, VNode } from 'vue'
 
 export const CodeGroup = defineComponent({
   name: 'CodeGroup',
 
+  slots: Object as SlotsType<{
+    default: () => VNode[]
+  }>,
+
   setup(_, { slots }) {
     // index of current active item
     const activeIndex = ref(-1)
diff --git a/ecosystem/theme-default/src/client/layouts/Layout.vue b/ecosystem/theme-default/src/client/layouts/Layout.vue
@@ -13,6 +13,20 @@ import {
   useThemeLocaleData,
 } from '../composables/index.js'
 
+defineSlots<{
+  'navbar'?: (props: Record<never, never>) => any
+  'navbar-before'?: (props: Record<never, never>) => any
+  'navbar-after'?: (props: Record<never, never>) => any
+  'sidebar'?: (props: Record<never, never>) => any
+  'sidebar-top'?: (props: Record<never, never>) => any
+  'sidebar-bottom'?: (props: Record<never, never>) => any
+  'page'?: (props: Record<never, never>) => any
+  'page-top'?: (props: Record<never, never>) => any
+  'page-bottom'?: (props: Record<never, never>) => any
+  'page-content-top'?: (props: Record<never, never>) => any
+  'page-content-bottom'?: (props: Record<never, never>) => any
+}>()
+
 const page = usePageData()
 const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
 const themeLocale = useThemeLocaleData()
diff --git a/ecosystem/vuepress-vite/package.json b/ecosystem/vuepress-vite/package.json
@@ -42,14 +42,15 @@
     "@vuepress/bundler-vite": "workspace:*",
     "@vuepress/cli": "workspace:*",
     "@vuepress/core": "workspace:*",
-    "@vuepress/theme-default": "workspace:*"
+    "@vuepress/theme-default": "workspace:*",
+    "vue": "^3.3.1"
   },
   "devDependencies": {
     "@vuepress/client": "workspace:*"
   },
   "peerDependencies": {
     "@vuepress/client": "workspace:*",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "engines": {
     "node": ">=16.19.0"
diff --git a/ecosystem/vuepress-webpack/package.json b/ecosystem/vuepress-webpack/package.json
@@ -43,10 +43,11 @@
     "@vuepress/cli": "workspace:*",
     "@vuepress/core": "workspace:*",
     "@vuepress/theme-default": "workspace:*",
-    "sass-loader": "^13.2.2"
+    "sass-loader": "^13.2.2",
+    "vue": "^3.3.1"
   },
   "peerDependencies": {
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "engines": {
     "node": ">=16.19.0"
diff --git a/packages/bundler-vite/package.json b/packages/bundler-vite/package.json
@@ -33,7 +33,7 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@vitejs/plugin-vue": "^4.2.1",
+    "@vitejs/plugin-vue": "^4.2.2",
     "@vuepress/client": "workspace:*",
     "@vuepress/core": "workspace:*",
     "@vuepress/shared": "workspace:*",
@@ -44,8 +44,8 @@
     "postcss-load-config": "^4.0.1",
     "rollup": "^3.21.6",
     "vite": "~4.3.5",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/bundler-webpack/package.json b/packages/bundler-webpack/package.json
@@ -54,10 +54,10 @@
     "postcss-csso": "^6.0.1",
     "postcss-loader": "^7.3.0",
     "style-loader": "^3.3.2",
-    "vue": "^3.2.47",
-    "vue-loader": "^17.1.0",
-    "vue-router": "^4.1.6",
-    "webpack": "^5.82.0",
+    "vue": "^3.3.1",
+    "vue-loader": "^17.1.1",
+    "vue-router": "^4.2.0",
+    "webpack": "^5.82.1",
     "webpack-chain": "^6.5.1",
     "webpack-dev-server": "^4.15.0",
     "webpack-merge": "^5.8.0"
diff --git a/packages/client/package.json b/packages/client/package.json
@@ -39,8 +39,8 @@
   "dependencies": {
     "@vue/devtools-api": "^6.5.0",
     "@vuepress/shared": "workspace:*",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.3.1",
+    "vue-router": "^4.2.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -35,7 +35,7 @@
     "@vuepress/markdown": "workspace:*",
     "@vuepress/shared": "workspace:*",
     "@vuepress/utils": "workspace:*",
-    "vue": "^3.2.47"
+    "vue": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/shared/package.json b/packages/shared/package.json
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@mdit-vue/types": "^0.12.0",
-    "@vue/shared": "^3.2.47"
+    "@vue/shared": "^3.3.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,8 @@ module.exports = {`
`9`	`9`	`__VUE_HMR_RUNTIME__: 'readonly',`
`10`	`10`	`__VUE_OPTIONS_API__: 'readonly',`
`11`	`11`	`__VUE_PROD_DEVTOOLS__: 'readonly',`
	`12`	`+ // workaround for vue3.3 slots, should be removed once eslint-plugin-vue supports this`
	`13`	`+ defineSlots: 'readonly',`
`12`	`14`	`},`
`13`	`15`	`overrides: [`
`14`	`16`	`{`
Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,6 @@`
`24`	`24`	`"@vuepress/utils": "workspace:*",`
`25`	`25`	`"anywhere": "^1.6.0",`
`26`	`26`	`"sass-loader": "^13.2.2",`
`27`		`- "vue": "^3.2.47"`
	`27`	`+ "vue": "^3.3.1"`
`28`	`28`	`}`
`29`	`29`	`}`