How to use it with nuxt3?

[kirtan403]

Getting an error :

[Vue warn]: Failed to resolve component: XyzTransition

My Setup:

"nuxt": "^3.3.1",

File: anim-xyz.client.js

import VueAnimXyz from '@animxyz/vue3'
import '@animxyz/core' // Import css here if you haven't elsewhere

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueAnimXyz)
})

Tried adding build transpile in nuxt.config.ts but not working.

build: {
    transpile: ["@animxyz/core", "@animxyz/vue3", "clsx"],
}

Also tried adding animxyz css in nuxt.config.ts but doesn't work:

css: [
    "~/assets/css/main.css",
    "@animxyz/core",
    "@animxyz/core/dist/animxyz.min.css",
  ],

Nothing works. Any ides?

[sarwan920]

Hey, I am trying to add AnimXYZ in my nuxt3 application too, did you make it work or? I registerd as plugin but it isn't working,

[LynxTR]

You guys can add it as plugin, for example:

plugins/animxyz.client.ts

import VueAnimXyz from '@animxyz/vue3'
import '@animxyz/core'

export default defineNuxtPlugin(({ vueApp }) => {
  vueApp.use(VueAnimXyz)
})