indexedD在vue3组件中全局使用

在Vue 3中，你可以使用一个新的API `provide/inject` 来全局注册 `indexedDB`。

首先，在你的根组件中，使用 `provide` 来提供 `indexedDB` 对象：

import { createApp } from 'vue'

const app = createApp({
  // ...
})

import { openDB } from 'idb'

const dbPromise = openDB('my-db', 1, {
  upgrade(db) {
    db.createObjectStore('keyval')
  },
})

app.provide('dbPromise', dbPromise)

app.mount('#app')

接下来，在需要使用 `indexedDB` 的组件中，使用 `inject` 来注入 `dbPromise` 对象：

import { defineComponent, inject } from 'vue'

export default defineComponent({
  setup() {
    const dbPromise = inject('dbPromise')
    // 使用 dbPromise 进行 indexedDB 操作
    // ...
  },
})

这样，你就可以在任何组件中使用 `indexedDB`，而不需要重复注册或传递 `indexedDB` 对象。