Not support Nuxt 3

[dungonfq]

Hi,

I acted upon ur introduction to install floating-vue into Nuxt 3: https://v-tooltip.netlify.app/guide/installation.html#nuxt-3

1. But when run 'nuxi dev', it fired the error:

2. If I run 'nuxi build' then 'nuxi start', the error was shown:

• It violate the new rules of Native ES module https://v3.nuxtjs.org/concepts/esm

Please help to take a look. Thank u

[serhez]

Getting the same errors.

[mgnrfk]

Same here!

[antfu]

It looks like floating-vue/nuxt module is missing in the dist. Before it been shipped, the workaround is to create plugins/floating-vue.ts with following content:

import { defineNuxtPlugin } from '#app'
import FloatingVue from 'floating-vue'
import 'floating-vue/dist/style.css'

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

[andyjamesn]

I am unable to get this to work in Nuxt3. Following the documentation for Nuxt3

https://floating-vue.starpad.dev/guide/installation.html#nuxt-3

Just added 'floating-vue/nuxt', to buildModules

I do not get any errors but also when I add v-tooltip="text" it is not rendering any tooltips.

Is there any other setup required to use it as a directive?

[Akryum]

I just tried with the latest version and I have no issue

[andyjamesn]

As per the docs, I installed using

npm i -S floating-vue

package.json shows this is the version installed

"floating-vue": "^2.0.0-beta.7"

Nuxt is

"nuxt3": "latest"

Is there any additional setup required like importing the css? or is it just adding 'floating-vue/nuxt' to nuxtConfig?

[Akryum]

Yes

[andyjamesn]

Thanks for your help. I cleared node_modules and ran npm install and it is working now

[sewalsh]

The nuxt.mjs file is missing from the published NPM package (check your node_modules/floating-vue dir) which is causing the error when you add it to the buildModules array. buildModules: ['floating-vue/nuxt' ]

If you manually add the nuxt.mjs file, it works.

Perhaps this package build pipeline is filtering out the nuxt.mjs file?

[jonatandorozco]

You have to add it to modules instead of buildModules