koel/resources/assets/js/components/ui/skeletons/SongCardSkeleton.vue

<template>
  <article class="skeleton flex gap-4 p-3 rounded items-center border border-k-border">
    <aside class="w-[48px] aspect-square rounded pulse" />
    <main class="flex items-start flex-1 gap-4">
      <div class="flex flex-1 flex-col gap-2">
        <h3 class="w-2/3 h-[1.2rem] pulse" />
        <p class="w-1/3 h-[1.2rem] pulse" />
      </div>
    </main>
  </article>
</template>
feat: add loading skeletons 2022-07-30 15:08:20 +00:00			`<template>`
feat(ui): use Tailwind CSS 2024-04-04 22:20:42 +00:00			`<article class="skeleton flex gap-4 p-3 rounded items-center border border-k-border">`
			`<aside class="w-[48px] aspect-square rounded pulse" />`
			`<main class="flex items-start flex-1 gap-4">`
			`<div class="flex flex-1 flex-col gap-2">`
			`<h3 class="w-2/3 h-[1.2rem] pulse" />`
			`<p class="w-1/3 h-[1.2rem] pulse" />`
feat: add loading skeletons 2022-07-30 15:08:20 +00:00			`</div>`
			`</main>`
			`</article>`
			`</template>`