chore: update floating-ui plugin and add tooltip themes

This commit updates the floating-ui plugin and adds new tooltip themes for the 'tooltip-black' and 'tooltip-white' styles. The tooltip themes have been extended from the base 'tooltip' style and include a reset CSS option and a dispose timeout of 100000 milliseconds.
gitsindonesia · Sep 3, 2024 · 08cb60c · 08cb60c
1 parent 9809761
commit 08cb60c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
@@ -758,20 +758,20 @@ export default defineNuxtModule<ModuleOptions>({
     addPlugin(resolve(runtimeDir, 'plugin'));
 
     // install floating-vue
-    // installModule('floating-vue/nuxt')
+    installModule('floating-vue/nuxt')
 
-    // FloatingVue.options.themes = {
-    //   'tooltip-black': {
-    //     $extend: 'tooltip',
-    //     $resetCss: true,
-    //     disposeTimeout: 100000,
-    //   },
-    //   'tooltip-white': {
-    //     $extend: 'tooltip',
-    //     $resetCss: true,
-    //     disposeTimeout: 100000,
-    //   },
-    // }
+    FloatingVue.options.themes = {
+      'tooltip-black': {
+        $extend: 'tooltip',
+        $resetCss: true,
+        disposeTimeout: 100000,
+      },
+      'tooltip-white': {
+        $extend: 'tooltip',
+        $resetCss: true,
+        disposeTimeout: 100000,
+      },
+    }
 
     // transpile deps
     if (options.transpileDeps) {

diff --git a/packages/nuxt/src/runtime/plugin.ts b/packages/nuxt/src/runtime/plugin.ts
@@ -1,6 +1,6 @@
 import { defineNuxtPlugin } from '#app'
-import { FloatingVuePlugin } from '../floating-vue'
+// import { FloatingVuePlugin } from '../floating-vue'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(FloatingVuePlugin)
+  // nuxtApp.vueApp.use(FloatingVuePlugin)
 })