@indielayer/ui/lib/components/skeleton/Skeleton.vue.js

Indielayer UI Components with Tailwind CSS build for Vue 3

import { defineComponent as c, openBlock as i, createBlock as m, resolveDynamicComponent as d, normalizeStyle as u, unref as t, normalizeClass as f, withCtx as y, createTextVNode as _ } from "vue";
import { useTheme as h } from "../../composables/useTheme.js";
const k = ["line", "circle"], o = {
  shape: k
}, S = {
  tag: {
    type: String,
    default: "div"
  },
  shape: {
    type: String,
    default: "line",
    validator: (e) => o.shape.includes(e)
  }
}, g = {
  name: "XSkeleton",
  validators: o
}, x = /* @__PURE__ */ c({
  ...g,
  props: S,
  setup(e) {
    const a = e, { styles: n, classes: l, className: r } = h("Skeleton", {}, a);
    return (p, s) => (i(), m(d(p.tag), {
      style: u(t(n)),
      class: f([
        t(r),
        t(l).wrapper
      ])
    }, {
      default: y(() => s[0] || (s[0] = [
        _(" ​ ")
      ])),
      _: 1
    }, 8, ["style", "class"]));
  }
});
export {
  x as default
};