fix(ui/tabs): support nuxt3

varletjs · Jan 25, 2022 · 9459d1d · 9459d1d
1 parent ae07f8d
commit 9459d1d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/varlet-ui/src/tabs/Tabs.vue b/packages/varlet-ui/src/tabs/Tabs.vue
@@ -42,7 +42,7 @@ import { defineComponent, watch, ref, computed, Transition, nextTick, onMounted,
 import { props } from './props'
 import { useTabList } from './provide'
 import { isNumber, linear } from '../utils/shared'
-import { toSizeUnit, scrollTo } from '../utils/elements'
+import { toSizeUnit, scrollTo, doubleRaf } from '../utils/elements'
 import type { Ref, ComputedRef } from 'vue'
 import type { TabsProvider } from './provide'
 import type { TabProvider } from '../tab/provide'
@@ -164,7 +164,10 @@ export default defineComponent({
 
     watch(
       () => length.value,
-      () => nextTick().then(resize)
+      async () => {
+        await doubleRaf()
+        resize()
+      }
     )
 
     watch(() => props.active, resize)

diff --git a/packages/varlet-ui/types/global.d.ts b/packages/varlet-ui/types/global.d.ts
@@ -42,6 +42,7 @@ declare module 'vue' {
     VarRipple: typeof import('@varlet/ui')['_RippleComponent']
     VarRow: typeof import('@varlet/ui')['_RowComponent']
     VarSelect: typeof import('@varlet/ui')['_SelectComponent']
+    VarSkeleton: typeof import('@varlet/ui')['_SkeletonComponent']
     VarSlider: typeof import('@varlet/ui')['_SliderComponent']
     VarSnackbar: typeof import('@varlet/ui')['_SnackbarComponent']
     VarSpace: typeof import('@varlet/ui')['_SpaceComponent']

diff --git a/packages/varlet-ui/types/index.d.ts b/packages/varlet-ui/types/index.d.ts
@@ -44,6 +44,7 @@ export * from './rate'
 export * from './ripple'
 export * from './row'
 export * from './select'
+export * from './skeleton'
 export * from './slider'
 export * from './snackbar'
 export * from './space'