fix(vue3): 使用 setup 语法编写 vue3 内置组件，fix #11393 (#11440)

* fix(vue3): 使用 setup 语法编写 vue3 内置组件，fix #11393 * fix: ci
NervJS · Mar 26, 2022 · 604f54c · 604f54c
1 parent 5a9707a
commit 604f54c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/taro-mini-runner/src/__tests__/__snapshots__/vue3.spec.ts.snap b/packages/taro-mini-runner/src/__tests__/__snapshots__/vue3.spec.ts.snap
@@ -549,8 +549,8 @@ require(\\"./taro\\");
  component.mixins = [ inject ];
  }
  var ProviderComponent = {
- provide: {
- id: id
+ setup: function setup() {
+ Object(vue[\\"provide\\"])(\\"id\\", id);
  },
  render: function render() {
  return this.$slots.default();

diff --git a/packages/taro-plugin-vue3/src/runtime/connect.ts b/packages/taro-plugin-vue3/src/runtime/connect.ts
@@ -5,6 +5,7 @@ import {
  Current,
  injectPageInstance
 } from '@tarojs/runtime'
+import { provide } from 'vue'
 import { setDefaultDescriptor, setRouterParams } from './utils'
 
 import type {
@@ -91,7 +92,9 @@ function createVue3Page (h: typeof createElement, id: string) {
  }
 
  const ProviderComponent = {
- provide: { id },
+ setup () {
+ provide('id', id)
+ },
  render () {
  return this.$slots.default()
  }