useI18n does not work in a setup script within the context of a programmatically opened Modal

[kikuomax]

Overview of the problem

Buefy version: [0.1.3-8518d47780e734635d6e6cd8fa2ce32f3685e1d0]
Vuejs version: [3.3.9]
OS/Browser: Safari

Description

useI18n did not work in a setup script within the context of a programmatically opened Modal. I faced the following error:

Unhandled Promise Rejection: SyntaxError: Need to install with `app.use` function

I found this while investigating this discussion.

Steps to reproduce

<script setup>
import { useI18n } from 'vue-i18n'

const { t } = useI18n()
</script>

Expected behavior

Get no error.

Actual behavior

Got an error.

[kikuomax]

I came up with a quick patch, though, it is very specific to vue-i18n.

Why this happened

A programmatically opened Modal is hosted on a Vue app different from the main Vue app. This caused a problem that no plugins installed into the main Vue app were available on the Vue app hosting Modal. This problem was fixed by #102 by copying the app context from the main Vue app to the Vue app hosting Modal. However, vue-i18n injects another private field (__VUE_I18N_SYMBOL__) in Vue apps, which is not addressed by #102. useI18n throws an error if a Vue app does not have the field.

Quick patch

Copy __VUE_I18N_SYMBOL__ from the main Vue app to the Vue app hosting Modal.

[kikuomax]

This should have been closed by #154.