➕ Add shadcn skeleton component

Open-Webtoon-Reader · Jun 17, 2024 · e8b8259 · e8b8259
1 parent e8125de
commit e8b8259
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/components/ui/skeleton/Skeleton.vue b/components/ui/skeleton/Skeleton.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
+
+interface SkeletonProps {
+  class?: HTMLAttributes['class']
+}
+
+const props = defineProps<SkeletonProps>()
+</script>
+
+<template>
+  <div :class="cn('animate-pulse rounded-md bg-muted', props.class)" />
+</template>
diff --git a/components/ui/skeleton/index.ts b/components/ui/skeleton/index.ts
@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton.vue'
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export { default as Skeleton } from './Skeleton.vue'