Files
music-admin/.output/server/chunks/build/typography-C-9CLLLs.mjs
poptong 83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
🔧 웹훅 URL을 HTTPS로 수정
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경
- Nginx 리버스 프록시 설정 파일 추가
- 배포 가이드 업데이트
2025-10-01 01:47:51 +09:00

1216 lines
66 KiB
JavaScript

import { withCtx, createVNode, useSSRContext } from 'vue';
import { ssrRenderComponent } from 'vue/server-renderer';
import { _ as _export_sfc, B as VCard, C as VCardText } from './server.mjs';
import { V as VRow, a as VCol } from './VRow-MQIguEmB.mjs';
import '../nitro/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'devalue';
import '@unhead/ssr';
import 'unhead';
import '@unhead/shared';
import 'pinia';
import 'vue-router';
const _sfc_main = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
_push(ssrRenderComponent(VRow, _attrs, {
default: withCtx((_, _push2, _parent2, _scopeId) => {
if (_push2) {
_push2(ssrRenderComponent(VCol, { cols: "12" }, {
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
if (_push3) {
_push3(ssrRenderComponent(VCard, { title: "Headlines" }, {
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
if (_push4) {
_push4(ssrRenderComponent(VCardText, { class: "d-flex flex-column gap-y-8" }, {
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
if (_push5) {
_push5(`<div${_scopeId4}><h1 class="text-h1"${_scopeId4}> Heading 1 </h1><span${_scopeId4}>font-size: 6rem / line-height: 6rem / font-weight: 300</span></div><div${_scopeId4}><h2 class="text-h2"${_scopeId4}> Heading 2 </h2><span${_scopeId4}>font-size: 3.75rem / line-height: 3.75rem / font-weight: 300</span></div><div${_scopeId4}><h3 class="text-h3"${_scopeId4}> Heading 3 </h3><span${_scopeId4}>font-size: 3rem / line-height: 3.125rem / font-weight: 400</span></div><div${_scopeId4}><h4 class="text-h4"${_scopeId4}> Heading 4 </h4><span${_scopeId4}>font-size: 2.125rem / line-height: 2.5rem / font-weight: 400</span></div><div${_scopeId4}><h5 class="text-h5"${_scopeId4}> Heading 5 </h5><span${_scopeId4}>font-size: 1.5rem / line-height: 2rem / font-weight: 400</span></div><div${_scopeId4}><h6 class="text-h6"${_scopeId4}> Heading 6 </h6><span${_scopeId4}>font-size: 1.25rem / line-height: 2rem / font-weight: 500</span></div>`);
} else {
return [
createVNode("div", null, [
createVNode("h1", { class: "text-h1" }, " Heading 1 "),
createVNode("span", null, "font-size: 6rem / line-height: 6rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h2", { class: "text-h2" }, " Heading 2 "),
createVNode("span", null, "font-size: 3.75rem / line-height: 3.75rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h3", { class: "text-h3" }, " Heading 3 "),
createVNode("span", null, "font-size: 3rem / line-height: 3.125rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h4", { class: "text-h4" }, " Heading 4 "),
createVNode("span", null, "font-size: 2.125rem / line-height: 2.5rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h5", { class: "text-h5" }, " Heading 5 "),
createVNode("span", null, "font-size: 1.5rem / line-height: 2rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h6", { class: "text-h6" }, " Heading 6 "),
createVNode("span", null, "font-size: 1.25rem / line-height: 2rem / font-weight: 500")
])
];
}
}),
_: 1
}, _parent4, _scopeId3));
} else {
return [
createVNode(VCardText, { class: "d-flex flex-column gap-y-8" }, {
default: withCtx(() => [
createVNode("div", null, [
createVNode("h1", { class: "text-h1" }, " Heading 1 "),
createVNode("span", null, "font-size: 6rem / line-height: 6rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h2", { class: "text-h2" }, " Heading 2 "),
createVNode("span", null, "font-size: 3.75rem / line-height: 3.75rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h3", { class: "text-h3" }, " Heading 3 "),
createVNode("span", null, "font-size: 3rem / line-height: 3.125rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h4", { class: "text-h4" }, " Heading 4 "),
createVNode("span", null, "font-size: 2.125rem / line-height: 2.5rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h5", { class: "text-h5" }, " Heading 5 "),
createVNode("span", null, "font-size: 1.5rem / line-height: 2rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h6", { class: "text-h6" }, " Heading 6 "),
createVNode("span", null, "font-size: 1.25rem / line-height: 2rem / font-weight: 500")
])
]),
_: 1
})
];
}
}),
_: 1
}, _parent3, _scopeId2));
} else {
return [
createVNode(VCard, { title: "Headlines" }, {
default: withCtx(() => [
createVNode(VCardText, { class: "d-flex flex-column gap-y-8" }, {
default: withCtx(() => [
createVNode("div", null, [
createVNode("h1", { class: "text-h1" }, " Heading 1 "),
createVNode("span", null, "font-size: 6rem / line-height: 6rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h2", { class: "text-h2" }, " Heading 2 "),
createVNode("span", null, "font-size: 3.75rem / line-height: 3.75rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h3", { class: "text-h3" }, " Heading 3 "),
createVNode("span", null, "font-size: 3rem / line-height: 3.125rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h4", { class: "text-h4" }, " Heading 4 "),
createVNode("span", null, "font-size: 2.125rem / line-height: 2.5rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h5", { class: "text-h5" }, " Heading 5 "),
createVNode("span", null, "font-size: 1.5rem / line-height: 2rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h6", { class: "text-h6" }, " Heading 6 "),
createVNode("span", null, "font-size: 1.25rem / line-height: 2rem / font-weight: 500")
])
]),
_: 1
})
]),
_: 1
})
];
}
}),
_: 1
}, _parent2, _scopeId));
_push2(ssrRenderComponent(VCol, { cols: "12" }, {
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
if (_push3) {
_push3(ssrRenderComponent(VCard, { title: "Texts" }, {
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
if (_push4) {
_push4(ssrRenderComponent(VCardText, null, {
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
if (_push5) {
_push5(ssrRenderComponent(VRow, { "no-gutters": "" }, {
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
if (_push6) {
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<span class="text-subtitle-1 text-no-wrap"${_scopeId6}>text-subtitle-1</span>`);
} else {
return [
createVNode("span", { class: "text-subtitle-1 text-no-wrap" }, "text-subtitle-1")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<p class="text-subtitle-1 text-truncate mb-1"${_scopeId6}> Cupcake ipsum dolor sit amet fruitcake donut chocolate. </p><span${_scopeId6}>font-size: 1rem / line-height: 1.75rem / font-weight: 400</span>`);
} else {
return [
createVNode("p", { class: "text-subtitle-1 text-truncate mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.75rem / font-weight: 400")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<span class="text-subtitle-2 text-no-wrap"${_scopeId6}>text-subtitle-2</span>`);
} else {
return [
createVNode("span", { class: "text-subtitle-2 text-no-wrap" }, "text-subtitle-2")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<p class="text-subtitle-2 mb-1"${_scopeId6}> Cupcake ipsum dolor sit amet fruitcake donut chocolate. </p><span${_scopeId6}>font-size: 0.875rem / line-height: 1.375rem / font-weight: 500</span>`);
} else {
return [
createVNode("p", { class: "text-subtitle-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.375rem / font-weight: 500")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<span class="text-body-1 text-no-wrap"${_scopeId6}>text-body-1</span>`);
} else {
return [
createVNode("span", { class: "text-body-1 text-no-wrap" }, "text-body-1")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<p class="text-body-1 mb-1"${_scopeId6}> Cupcake ipsum dolor sit amet fruitcake donut chocolate. </p><span${_scopeId6}>font-size: 1rem / line-height: 1.5rem / font-weight: 400</span>`);
} else {
return [
createVNode("p", { class: "text-body-1 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.5rem / font-weight: 400")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<span class="text-body-2 text-no-wrap"${_scopeId6}>text-body-2</span>`);
} else {
return [
createVNode("span", { class: "text-body-2 text-no-wrap" }, "text-body-2")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<p class="text-body-2 mb-1"${_scopeId6}> Cupcake ipsum dolor sit amet fruitcake donut chocolate. </p><span${_scopeId6}>font-size: 0.875rem / line-height: 1.25rem / font-weight: 400</span>`);
} else {
return [
createVNode("p", { class: "text-body-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.25rem / font-weight: 400")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<span class="text-caption"${_scopeId6}>text-caption</span>`);
} else {
return [
createVNode("span", { class: "text-caption" }, "text-caption")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<p class="text-caption mb-1"${_scopeId6}> Cupcake ipsum dolor sit amet fruitcake donut chocolate. </p><span${_scopeId6}>font-size: 0.75rem / line-height: 1.25rem / font-weight: 400</span>`);
} else {
return [
createVNode("p", { class: "text-caption mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 1.25rem / font-weight: 400")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<span class="text-overline text-no-wrap"${_scopeId6}>text-overline</span>`);
} else {
return [
createVNode("span", { class: "text-overline text-no-wrap" }, "text-overline")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<p class="text-overline mb-1"${_scopeId6}> Cupcake ipsum dolor sit amet fruitcake donut chocolate. </p><span${_scopeId6}>font-size: 0.75rem / line-height: 2rem / font-weight: 500</span>`);
} else {
return [
createVNode("p", { class: "text-overline mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 2rem / font-weight: 500")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<span class="text-button"${_scopeId6}>text-button</span>`);
} else {
return [
createVNode("span", { class: "text-button" }, "text-button")
];
}
}),
_: 1
}, _parent6, _scopeId5));
_push6(ssrRenderComponent(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
if (_push7) {
_push7(`<p class="text-button mb-1"${_scopeId6}> Cupcake ipsum dolor sit amet fruitcake donut chocolate. </p><span${_scopeId6}>font-size: 0.875rem / line-height: 2.25rem / font-weight: 500</span>`);
} else {
return [
createVNode("p", { class: "text-button mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 2.25rem / font-weight: 500")
];
}
}),
_: 1
}, _parent6, _scopeId5));
} else {
return [
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-1 text-no-wrap" }, "text-subtitle-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-1 text-truncate mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.75rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-2 text-no-wrap" }, "text-subtitle-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.375rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-1 text-no-wrap" }, "text-body-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-1 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.5rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-2 text-no-wrap" }, "text-body-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-caption" }, "text-caption")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-caption mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-overline text-no-wrap" }, "text-overline")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-overline mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 2rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-button" }, "text-button")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-button mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 2.25rem / font-weight: 500")
]),
_: 1
})
];
}
}),
_: 1
}, _parent5, _scopeId4));
} else {
return [
createVNode(VRow, { "no-gutters": "" }, {
default: withCtx(() => [
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-1 text-no-wrap" }, "text-subtitle-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-1 text-truncate mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.75rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-2 text-no-wrap" }, "text-subtitle-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.375rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-1 text-no-wrap" }, "text-body-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-1 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.5rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-2 text-no-wrap" }, "text-body-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-caption" }, "text-caption")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-caption mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-overline text-no-wrap" }, "text-overline")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-overline mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 2rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-button" }, "text-button")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-button mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 2.25rem / font-weight: 500")
]),
_: 1
})
]),
_: 1
})
];
}
}),
_: 1
}, _parent4, _scopeId3));
} else {
return [
createVNode(VCardText, null, {
default: withCtx(() => [
createVNode(VRow, { "no-gutters": "" }, {
default: withCtx(() => [
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-1 text-no-wrap" }, "text-subtitle-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-1 text-truncate mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.75rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-2 text-no-wrap" }, "text-subtitle-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.375rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-1 text-no-wrap" }, "text-body-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-1 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.5rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-2 text-no-wrap" }, "text-body-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-caption" }, "text-caption")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-caption mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-overline text-no-wrap" }, "text-overline")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-overline mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 2rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-button" }, "text-button")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-button mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 2.25rem / font-weight: 500")
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
];
}
}),
_: 1
}, _parent3, _scopeId2));
} else {
return [
createVNode(VCard, { title: "Texts" }, {
default: withCtx(() => [
createVNode(VCardText, null, {
default: withCtx(() => [
createVNode(VRow, { "no-gutters": "" }, {
default: withCtx(() => [
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-1 text-no-wrap" }, "text-subtitle-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-1 text-truncate mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.75rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-2 text-no-wrap" }, "text-subtitle-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.375rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-1 text-no-wrap" }, "text-body-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-1 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.5rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-2 text-no-wrap" }, "text-body-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-caption" }, "text-caption")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-caption mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-overline text-no-wrap" }, "text-overline")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-overline mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 2rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-button" }, "text-button")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-button mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 2.25rem / font-weight: 500")
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
];
}
}),
_: 1
}, _parent2, _scopeId));
} else {
return [
createVNode(VCol, { cols: "12" }, {
default: withCtx(() => [
createVNode(VCard, { title: "Headlines" }, {
default: withCtx(() => [
createVNode(VCardText, { class: "d-flex flex-column gap-y-8" }, {
default: withCtx(() => [
createVNode("div", null, [
createVNode("h1", { class: "text-h1" }, " Heading 1 "),
createVNode("span", null, "font-size: 6rem / line-height: 6rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h2", { class: "text-h2" }, " Heading 2 "),
createVNode("span", null, "font-size: 3.75rem / line-height: 3.75rem / font-weight: 300")
]),
createVNode("div", null, [
createVNode("h3", { class: "text-h3" }, " Heading 3 "),
createVNode("span", null, "font-size: 3rem / line-height: 3.125rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h4", { class: "text-h4" }, " Heading 4 "),
createVNode("span", null, "font-size: 2.125rem / line-height: 2.5rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h5", { class: "text-h5" }, " Heading 5 "),
createVNode("span", null, "font-size: 1.5rem / line-height: 2rem / font-weight: 400")
]),
createVNode("div", null, [
createVNode("h6", { class: "text-h6" }, " Heading 6 "),
createVNode("span", null, "font-size: 1.25rem / line-height: 2rem / font-weight: 500")
])
]),
_: 1
})
]),
_: 1
})
]),
_: 1
}),
createVNode(VCol, { cols: "12" }, {
default: withCtx(() => [
createVNode(VCard, { title: "Texts" }, {
default: withCtx(() => [
createVNode(VCardText, null, {
default: withCtx(() => [
createVNode(VRow, { "no-gutters": "" }, {
default: withCtx(() => [
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-1 text-no-wrap" }, "text-subtitle-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-1 text-truncate mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.75rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-subtitle-2 text-no-wrap" }, "text-subtitle-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-subtitle-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.375rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-1 text-no-wrap" }, "text-body-1")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-1 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 1rem / line-height: 1.5rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-body-2 text-no-wrap" }, "text-body-2")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-body-2 mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-caption" }, "text-caption")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-caption mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 1.25rem / font-weight: 400")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-overline text-no-wrap" }, "text-overline")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-overline mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.75rem / line-height: 2rem / font-weight: 500")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "2"
}, {
default: withCtx(() => [
createVNode("span", { class: "text-button" }, "text-button")
]),
_: 1
}),
createVNode(VCol, {
cols: "12",
md: "10",
class: "mb-6"
}, {
default: withCtx(() => [
createVNode("p", { class: "text-button mb-1" }, " Cupcake ipsum dolor sit amet fruitcake donut chocolate. "),
createVNode("span", null, "font-size: 0.875rem / line-height: 2.25rem / font-weight: 500")
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
];
}
}),
_: 1
}, _parent));
}
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
const ssrContext = useSSRContext();
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/typography.vue");
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const typography = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
export { typography as default };