From 604f54c423e1fd5c8c17eb55929823a674e19a0d Mon Sep 17 00:00:00 2001
From: chenjiajian <798095202@qq.com>
Date: Sun, 27 Mar 2022 00:45:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(vue3):=20=E4=BD=BF=E7=94=A8=20setup=20?=
 =?UTF-8?q?=E8=AF=AD=E6=B3=95=E7=BC=96=E5=86=99=20vue3=20=E5=86=85?=
 =?UTF-8?q?=E7=BD=AE=E7=BB=84=E4=BB=B6=EF=BC=8Cfix=20#11393=20(#11440)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

* fix: ci
---
 .../src/__tests__/__snapshots__/vue3.spec.ts.snap            | 4 ++--
 packages/taro-plugin-vue3/src/runtime/connect.ts             | 5 ++++-
 2 files changed, 6 insertions(+), 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
index e634e87bbd85..a15d9ccfc612 100644
--- 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
index e659e05d98a8..b7d45a8e865d 100644
--- 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()
       }