fix(vuepress-theme-reco): vuecomponsition-api接口升级方式修改

LiDengHui · LiDengHui · commit 898e61031f05 · 2021-02-23T15:52:51.000+08:00
ISSUES CLOSED: #315
diff --git a/packages/vuepress-theme-reco/components/AlgoliaSearchBox.vue b/packages/vuepress-theme-reco/components/AlgoliaSearchBox.vue
@@ -23,7 +23,7 @@ export default defineComponent({
   props: ['options'],
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const placeholder = ref(undefined)
 
diff --git a/packages/vuepress-theme-reco/components/Common.vue b/packages/vuepress-theme-reco/components/Common.vue
@@ -74,7 +74,7 @@ export default defineComponent({
   },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const isSidebarOpen = ref(false)
     const isHasKey = ref(true)
diff --git a/packages/vuepress-theme-reco/components/Footer.vue b/packages/vuepress-theme-reco/components/Footer.vue
@@ -36,7 +36,7 @@ import { version } from '../package.json'
 export default defineComponent({
   components: { RecoIcon },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
     const showAccessNumber = computed(() => {
       const {
         $themeConfig: { valineConfig },
diff --git a/packages/vuepress-theme-reco/components/FriendLink.vue b/packages/vuepress-theme-reco/components/FriendLink.vue
@@ -45,7 +45,7 @@ import md5 from 'md5'
 import { getOneColor } from '@theme/helpers/other'
 
 const useDetail = () => {
-  const instance = getCurrentInstance()
+  const instance = getCurrentInstance().proxy
   const isPC = ref(true)
 
   const popupWindowStyle = reactive({
@@ -115,7 +115,7 @@ const useDetail = () => {
 
 export default defineComponent({
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const { popupWindowStyle, showDetail, hideDetail } = useDetail()
 
diff --git a/packages/vuepress-theme-reco/components/Home.vue b/packages/vuepress-theme-reco/components/Home.vue
@@ -51,7 +51,7 @@ export default defineComponent({
   components: { NavLink, ModuleTransition },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
     const recoShowModule = computed(() => instance && instance.$parent.recoShowModule)
     const actionLink = computed(() => instance && {
       link: instance.$frontmatter.actionLink,
diff --git a/packages/vuepress-theme-reco/components/HomeBlog/index.vue b/packages/vuepress-theme-reco/components/HomeBlog/index.vue
@@ -70,7 +70,7 @@ import { getOneColor } from '@theme/helpers/other'
 export default defineComponent({
   components: { NoteAbstract, TagList, FriendLink, ModuleTransition, PersonalInfo, RecoIcon },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const state = reactive({
       recoShow: false,
diff --git a/packages/vuepress-theme-reco/components/NavLink.vue b/packages/vuepress-theme-reco/components/NavLink.vue
@@ -35,7 +35,7 @@ export default defineComponent({
   },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const { item } = toRefs(props)
 
diff --git a/packages/vuepress-theme-reco/components/NavLinks.vue b/packages/vuepress-theme-reco/components/NavLinks.vue
@@ -36,7 +36,7 @@ export default defineComponent({
   components: { NavLink, DropdownLink, RecoIcon },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const userNav = computed(() => {
       return instance.$themeLocaleConfig.nav || instance.$themeConfig.nav || []
diff --git a/packages/vuepress-theme-reco/components/Navbar.vue b/packages/vuepress-theme-reco/components/Navbar.vue
@@ -44,7 +44,7 @@ export default defineComponent({
   components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox, Mode },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
     const linksWrapMaxWidth = ref(null)
 
     const algolia = computed(() => {
diff --git a/packages/vuepress-theme-reco/components/NoteAbstract.vue b/packages/vuepress-theme-reco/components/NoteAbstract.vue
@@ -27,7 +27,7 @@ export default defineComponent({
   props: ['data', 'currentTag'],
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const { data } = toRefs(props)
 
diff --git a/packages/vuepress-theme-reco/components/Page.vue b/packages/vuepress-theme-reco/components/Page.vue
@@ -72,7 +72,7 @@ export default defineComponent({
   props: ['sidebarItems'],
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const { sidebarItems } = toRefs(props)
 
diff --git a/packages/vuepress-theme-reco/components/PageInfo.vue b/packages/vuepress-theme-reco/components/PageInfo.vue
@@ -58,7 +58,7 @@ export default defineComponent({
   },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const numStyle = {
       fontSize: '.9rem',
diff --git a/packages/vuepress-theme-reco/components/Password.vue b/packages/vuepress-theme-reco/components/Password.vue
@@ -56,7 +56,7 @@ export default defineComponent({
     }
   },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const year = new Date().getFullYear()
 
diff --git a/packages/vuepress-theme-reco/components/PersonalInfo.vue b/packages/vuepress-theme-reco/components/PersonalInfo.vue
@@ -43,7 +43,7 @@ import { getOneColor } from '@theme/helpers/other'
 export default defineComponent({
   components: { RecoIcon },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
     const socialLinks = computed(() => (instance.$themeConfig.blogConfig && instance.$themeConfig.blogConfig.socialLinks || []).map(item => {
       if (!item.color) item.color = getOneColor()
       return item
diff --git a/packages/vuepress-theme-reco/components/SearchBox.vue b/packages/vuepress-theme-reco/components/SearchBox.vue
@@ -46,7 +46,7 @@ import { RecoIcon } from '@vuepress-reco/core/lib/components'
 export default defineComponent({
   components: { RecoIcon },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const state = reactive({
       query: '',
diff --git a/packages/vuepress-theme-reco/components/SidebarGroup.vue b/packages/vuepress-theme-reco/components/SidebarGroup.vue
@@ -64,7 +64,7 @@ export default defineComponent({
   components: { DropdownTransition },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     instance.$options.components.SidebarLinks = require('./SidebarLinks.vue').default
 
diff --git a/packages/vuepress-theme-reco/components/SidebarLinks.vue b/packages/vuepress-theme-reco/components/SidebarLinks.vue
@@ -39,7 +39,7 @@ export default defineComponent({
   ],
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const { items } = toRefs(props)
 
diff --git a/packages/vuepress-theme-reco/components/SubSidebar.vue b/packages/vuepress-theme-reco/components/SubSidebar.vue
@@ -4,7 +4,7 @@ import { isActive } from '@theme/helpers/utils'
 
 export default defineComponent({
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const headers = computed(() => {
       return instance.$showSubSideBar ? instance.$page.headers : []
diff --git a/packages/vuepress-theme-reco/components/TagList.vue b/packages/vuepress-theme-reco/components/TagList.vue
@@ -22,7 +22,7 @@ export default defineComponent({
     }
   },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
     const tags = computed(() => {
       return [{ name: instance.$recoLocales.all, path: '/tag/' }, ...instance.$tagesList]
     })
diff --git a/packages/vuepress-theme-reco/layouts/404.vue b/packages/vuepress-theme-reco/layouts/404.vue
@@ -19,7 +19,7 @@ const msgs = [
 
 export default defineComponent({
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const noFoundPageByTencent = computed(() => {
       return instance.$themeConfig.noFoundPageByTencent !== false
diff --git a/packages/vuepress-theme-reco/layouts/Category.vue b/packages/vuepress-theme-reco/layouts/Category.vue
@@ -43,7 +43,7 @@ export default defineComponent({
   components: { Common, NoteAbstract, ModuleTransition },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const posts = computed(() => {
       let posts = instance.$currentCategories.pages
diff --git a/packages/vuepress-theme-reco/layouts/Layout.vue b/packages/vuepress-theme-reco/layouts/Layout.vue
@@ -20,7 +20,7 @@ export default defineComponent({
   mixins: [moduleTransitonMixin],
   components: { HomeBlog, Home, Page, Common, Footer },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const sidebarItems = computed(() => {
       if (instance.$page) {
diff --git a/packages/vuepress-theme-reco/layouts/Tag.vue b/packages/vuepress-theme-reco/layouts/Tag.vue
@@ -36,7 +36,7 @@ export default defineComponent({
   components: { Common, NoteAbstract, TagList, ModuleTransition },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     // 时间降序后的博客列表
     const posts = computed(() => {
diff --git a/packages/vuepress-theme-reco/layouts/Tags.vue b/packages/vuepress-theme-reco/layouts/Tags.vue
@@ -33,7 +33,7 @@ export default defineComponent({
   components: { Common, NoteAbstract, TagList, ModuleTransition },
 
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const tagClick = (tagInfo) => {
       if (instance.$route.path !== tagInfo.path) {
diff --git a/packages/vuepress-theme-reco/layouts/TimeLines.vue b/packages/vuepress-theme-reco/layouts/TimeLines.vue
@@ -33,7 +33,7 @@ export default defineComponent({
   mixins: [moduleTransitonMixin],
   components: { Common, ModuleTransition },
   setup (props, ctx) {
-    const instance = getCurrentInstance()
+    const instance = getCurrentInstance().proxy
 
     const go = (url) => {
       instance.$router.push({ path: url })
