（七）provide / inject 类型定义

import {InjectIonKey } from 'vue'

// 使用 Symbol() 来定义key 因为他不能被重复定义
export default const Theme = Symbol() as InjectIonKey<值的类型>

<script setup lang="ts">
import Theme from 'Theme.js'

provide(Theme, '需要传递的值')
</script>

import Theme from 'Theme.js'

// 接收
const theme = inject(Theme)

provide('title', '这是我需要传递的内容')

// 此时因为传递和接收在不同的文件，无法自动判断出是啥类型，默认是 unknown
const title = inject('title')

// 可以使用泛型来指定类型
cosnt title = inject<string>('title')