vueuse
@vueuse/nuxt

Vue 2および3向けの重要なVue Composition Utilitiesのコレクション

@vueuse/nuxt

NPM version

これは、VueUseのアドオンであり、Nuxtの統合と自動インポート機能を向上させます。

インストール

nuxiを使用して、vueuseモジュールをアプリケーションにインストールします。

npx nuxi@latest module add vueuse

またはnpmを使用する

npm i @vueuse/nuxt @vueuse/core
// nuxt.config
export default defineNuxtConfig({
  modules: [
    '@vueuse/nuxt',
  ],
})

注意点

以下のユーティリティは、Nuxtの組み込みユーティリティとの競合を避けるため、Nuxtの自動インポートから**無効**になっています。

  • toRef
  • toRefs
  • toValue
  • useFetch
  • useCookie
  • useHead
  • useTitle
  • useStorage
  • useImage

これらは、@vueuse/coreから明示的にインポートすることでいつでも使用できます。

ライセンス

MITライセンス © 2021-PRESENT Anthony Fu