Nuxt.jsでメソッドをグローバルで使用できるようにする方法

やりたいこと

バックエンドからユーザーネームを取得するのだが、カラムがfirst_name,last_nameに別れている。
どのコンポーネントからでも、$userFullNameを使用すれば、フルネームを取得できるようにしたい！！

手順１、 pluginにutils.jsを作成する。

※util は ユーティリティのことで、英語で「役に立つもの」という意味
ファイル名は何でも大丈夫です！

const userFullName = (profile) => {
  return profile.lastName + ' ' + profile.firstName
}

export default ({_}, inject) => {
  inject('userFullName', userFullName);
}

手順２、 nuxt_confingにpluginを記載！

  plugins: [
    { src: '@/plugins/utils' }
  ],

手順３, コンポーネントやページから関数を呼び出す！

{{ $userFullName(profile) }}