Nuxt.jsのpluginsフォルダに作成したグローバル定数(constants.js)を、pluginsフォルダの別ファイルから読み込みたいです。

Question

Javascriptの知識が浅く、初歩的なご質問ですみません。

Nuxt.jsでwebアプリケーションを開発しています。

グローバル定数は、Nuxt.jsのpluginsフォルダ配下に、constants.jsというファイルを作成し、
こちらの記事のようなやり方で、グローバル定数を定義しています。
https://zenn.dev/onota/articles/1061b3f2fff8cef1d27e

const DEFAULT_NAME = '山田たろう'

export default(context, inject) {
  inject('DEFAULT_NAME', DEFAULT_NAME)
}

ここで定義した[DEFAULT_NAME]を、plugins フォルダの
utils.js(グローバルメソッドを記述した別ファイル)で呼び出したいです。

しかし、ここでの呼び出し方法がわかりません。

 this.$DEFAULT_NAME

のような呼び出し方法で呼べるのがベストなのですが、
現状、utils.jsで呼び出したい定数は、また別で定義して、
import する方法しかわかりません。

plugins フォルダ配下で定義したconstantsjsのグローバル定数を、
同じpluginsフォルダ配下の別ファイルで、グローバル定数を呼び出す方法として、
どのようにすれば実現できるのかわかる方おりましたら、ご教示頂けますと助かります。

初歩的なご相談かと思いますが、
どうぞよろしくお願いいたします。

Answer 1

const DEFAULT_NAME = '山田たろう

で定義されたグローバル定数を、

export const DEFAULT_NAME = '山田たろう

とし、

/plugins フォルダ内の別ファイルで、

import {DEFAULT_NAME} from './constants'

とすることで、一応、constants.jsで定義されたグローバル定数を呼び出すことができました。
若干力技な感じがして、これでよいのか自信はないですが、現状これでやりたいことはできています。

もっと良いやり方知っている方いましたら、コメント追記・ご教示いただけると嬉しいです。