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

<template>
  <article
    :style="{ width: `${width}px` }"
    class="skeleton pulse flex rounded-md overflow-hidden h-[1.2rem] m-1 p-4 flex-shrink-0"
  >
    <span class="flex-1" />
    <span class="aspect-[1.2/1] rounded-full pulse" />
  </article>
</template>

<script lang="ts" setup>
const width = Math.random() * 100 + 80
</script>
feat: add Genres screens (#1541) 2022-10-21 20:06:43 +00:00			`<template>`
feat(ui): use Tailwind CSS 2024-04-04 22:20:42 +00:00			`<article`
			:style="{ width: `${width}px` }"
chore: reformat code 2024-04-23 21:01:27 +00:00			`class="skeleton pulse flex rounded-md overflow-hidden h-[1.2rem] m-1 p-4 flex-shrink-0"`
feat(ui): use Tailwind CSS 2024-04-04 22:20:42 +00:00			`>`
			`<span class="flex-1" />`
			`<span class="aspect-[1.2/1] rounded-full pulse" />`
feat: add Genres screens (#1541) 2022-10-21 20:06:43 +00:00			`</article>`
			`</template>`

			`<script lang="ts" setup>`
			`const width = Math.random() * 100 + 80`
			`</script>`