UNPKG

vuestic-ui

Version:
1 lines 789 B
{"version":3,"file":"useElementWidth.mjs","sources":["../../../../src/composables/useElementWidth.ts"],"sourcesContent":["import { Ref, ref, watchEffect } from 'vue'\nimport { useResizeObserver } from './useResizeObserver'\n\nexport const useElementWidth = (el: Ref<HTMLElement | undefined>) => {\n const width = ref<null | number>(null)\n\n useResizeObserver([el], () => {\n width.value = el.value?.clientWidth ?? null\n })\n\n watchEffect(() => {\n width.value = el.value?.clientWidth ?? null\n })\n\n return width\n}\n"],"names":[],"mappings":";;AAGa,MAAA,kBAAkB,CAAC,OAAqC;AAC7D,QAAA,QAAQ,IAAmB,IAAI;AAEnB,oBAAA,CAAC,EAAE,GAAG,MAAM;;AACtB,UAAA,UAAQ,QAAG,UAAH,mBAAU,gBAAe;AAAA,EAAA,CACxC;AAED,cAAY,MAAM;;AACV,UAAA,UAAQ,QAAG,UAAH,mBAAU,gBAAe;AAAA,EAAA,CACxC;AAEM,SAAA;AACT;"}