import { ref, Ref, SetupContext, watchEffect } from "vue";

function classArray(attrs: Record<string, unknown>) {
  return attrs.class ? (attrs.class as string).split(/\s+/g) : [];
}

export const tokenizeClass: (ctx: SetupContext<any>) => Ref<string[]> = (ctx) => {
  const klass: Ref<string[]> = ref([]);
  watchEffect(() => {
    klass.value = classArray(ctx.attrs);
  });

  return klass;
};