🍴

【Nuxt 3】/composablesと/utilsの使い分け

2023/06/28に公開

はじめに

/composablesと/utilsの使い分けで困惑したので、備忘録として残します。

/composables

  • 複数のコンポーネントで再利用可能なロジックをまとめたファイルを配置するための場所
  • 自動的にインポートされる

/utils

  • 汎用的なヘルパー関数や便利なユーティリティ関数を配置するための場所
  • 自動的にインポートされる

まとめ

  • /composablesはコンポーネントのロジックを共有するためのディレクトリ
  • /utilsはコードの再利用性を高めるためのユーティリティ関数を配置するためのディレクトリ
  • auto-importsの仕様は同じ

参考資料

https://nuxt.com/docs/guide/directory-structure/composables
https://nuxt.com/docs/guide/directory-structure/utils

Discussion