q-tag
Version:
Quasar Tag- Clean, Modern & Alternative Chip for Developers using Quasar
55 lines (54 loc) • 1.23 kB
JavaScript
import { onMounted as n, resolveComponent as i, createBlock as a, openBlock as c, normalizeClass as p, withCtx as l, createElementVNode as u, toDisplayString as _ } from "vue";
const d = (t, e) => {
const r = t.__vccOpts || t;
for (const [s, o] of e)
r[s] = o;
return r;
}, f = { class: "row items-center" }, y = {
__name: "QTag",
props: {
type: {
type: String,
required: !0
},
text: {
type: String,
required: !0
},
outline: {
type: Boolean,
required: !1,
default: !1
},
size: {
type: String,
required: !1,
default: "md"
},
class: {
type: String,
required: !1
}
},
setup(t) {
const e = t;
return n(() => {
if (e.type === void 0) throw new Error("Missing type for Tag prop");
}), (r, s) => {
const o = i("q-chip");
return c(), a(o, {
class: p(`base ${e.type} ${e.class}`),
outline: e.outline,
size: e.size
}, {
default: l(() => [
u("div", f, _(e.text), 1)
]),
_: 1
}, 8, ["class", "outline", "size"]);
};
}
}, m = /* @__PURE__ */ d(y, [["__scopeId", "data-v-26e36024"]]);
export {
m as QTag
};