我对在 Nuxt 中使用上下文或原型有疑问

我为“modal”名称创建了一个常量，如下所示：

export default Object.freeze({ 
  MODAL_SHOWPRO: "MODAL_SHOWPRO",
})

我还在插件文件夹中创建了 constant.js ，并已添加到 nuxt 配置中。

import modals from '@/constants/modal';
export default ({ app }, inject) => {  
  inject('modalName', modals)
}

在组件中，我无法从 v-bind 调用值，它显示：未定义 MODAL_SHOWPRO

<Popup :id="$modalName.MODAL_SHOWPRO" />

但我可以从 $emit 函数调用它，如下所示：

@click="$nuxt.$emit('showModal', {id: $modalName.MODAL_SHOWPRO})"

你能告诉我为什么以及如何修复它吗？

注意：它将工作，如果： 我制作数据

{
    modal: ''
}

并添加到创建时间：

async created() {      
    this.modalName = await this.$modalName
}