{"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;"}