Global Configuration Nuxt3 Vue3

[JokerMartini]

Where do i define a global configuration file when using the Nuxt3 setup (module)? Does it go somewhere in the nuxt.config.js file? In my case i want to place the tooltips at the bottom. I wasn't really clear on how or where to do this based on the docs.

export const config: FloatingVueConfig = {
  // Themes
  themes: {
    tooltip: {
      // Default tooltip placement relative to target element
      placement: 'bottom',
      // Delay (ms)
      delay: {
        show: 500,
        hide: 0,
      },
    },
  },
}

My nuxt.config.js

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ["@nuxtjs/tailwindcss", "@pinia/nuxt", "floating-vue/nuxt"],
  css: ["@/assets/css/tailwind.css"],
});

[JokerMartini]

I tried this and it didn't work...

import FloatingVue from "floating-vue";

FloatingVue.options.themes.tooltip.placement = "bottom";

export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ["@nuxtjs/tailwindcss", "@pinia/nuxt", "floating-vue/nuxt"],
  css: ["@/assets/css/tailwind.css"],
});

[JokerMartini]

any get this working?

[Akryum]

Place this code in a Nuxt plugin so it is run inside your application (not in Nuxt config file):

import FloatingVue from "floating-vue";

FloatingVue.options.themes.tooltip.placement = "bottom";