fix: add offset for tooltip hover to avoid flick

e2e/theme-yun/categories.spec.ts

@@ -9,7 +9,9 @@ test.use({
 
 test.describe('Categories Page', () => {
   test('toggle categories', async ({ page }) => {
-    await page.goto('/categories?category=中文/分类/测试')
+    const curCategory = '中文/分类/测试'
+    await page.goto(`/categories?category=${curCategory}`)
+    await page.waitForSelector('.post-collapse-container')
     // .post-item
     await expect(page.locator('.post-item')).toHaveCount(1)
     // first post

e2e/theme-yun/fm.spec.ts

@@ -12,6 +12,7 @@ test.beforeEach(async ({ page }) => {
 test.describe('Frontmatter', () => {
   test('posted & edited time', async ({ page }) => {
     await page.goto('/posts/hello-valaxy')
+    await page.waitForSelector('.post-meta')
 
     await expect(page.locator('.post-time time')).toHaveCount(2)
     await expect(page.locator('.post-time > .posted-time time')).toHaveText(/\d{4}-\d{2}-\d{2}/)

packages/valaxy/client/components/ValaxyFootnoteTooltip.vue

@@ -1,17 +1,14 @@
-<script lang="ts">
-import { PopperWrapper } from 'floating-vue'
-
-const Component = ({
-  ...PopperWrapper,
-  name: 'ValaxyFootnoteTooltip',
-  vPopperTheme: 'tooltip',
-}) as unknown as typeof PopperWrapper
-
-export default Component
+<script setup lang="ts">
+import { Tooltip } from 'floating-vue'
+// distance offset for sup
 </script>
 
-<style scoped>
-div .v-popper {
-  display: inline
-}
-</style>
+<template>
+  <Tooltip class="inline-block" :distance="8">
+    <slot />
+
+    <template #popper>
+      <slot name="popper" />
+    </template>
+  </Tooltip>
+</template>

packages/valaxy/client/modules/floating-vue.ts

@@ -6,13 +6,7 @@ import type { DefaultTheme, ValaxyConfig } from 'valaxy/types'
 import type { ComputedRef } from 'vue'
 
 export async function install({ app }: ViteSSGContext, config: ComputedRef<ValaxyConfig<DefaultTheme.Config>>) {
-  app.use(FloatingVue, Object.assign({
-    themes: {
-      tooltip: {
-        delay: {
-          show: 0,
-        },
-      },
-    },
-  }, config.value.siteConfig.floatingVue || {}))
+  // @see https://floating-vue.starpad.dev/guide/config#default-values
+  const defaultFloatingVueConfig = {}
+  app.use(FloatingVue, Object.assign(defaultFloatingVueConfig, config.value.siteConfig.floatingVue || {}))
 }