• HOME
  • [nuxt3]自作クラス(コード)を登録する方法
TomoyaOkada

[nuxt3]自作クラス(コード)を登録する方法

記事をシェアする

nuxt2では、以下のようにinjectを使用してpluginsに登録することができました。

export default (context, inject) => {
  inject('fugal', fuga);
}


ですが、nuxt3ではinjectではなくprovideを使用して登録することができます。


provideでの書き方


export default defineNuxtPlugin((nuxtApp) => {
  return {
    provide: {
      fuga: fuga,
    },
  };
});



使用方法

使いたい場所で以下のようにすると呼び出すことができます。

<script setup lang="ts">
const { $fuga } = useNuxtApp();
</script>




記事をシェアする