initial: bootstrap from BukidBountyApp base

2026-06-06 18:43:00 +08:00
commit eb4a5731fb
5674 changed files with 160857 additions and 0 deletions
--- a/resources/js/Components/Core/Skeleton/SkeletonText.vue
+++ b/resources/js/Components/Core/Skeleton/SkeletonText.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="skeleton-text-container">
+    <SkeletonBlock 
+        v-for="line in parseInt(lines)" 
+        :key="line"
+        :width="getWidth(line)"
+        height="14px"
+        margin="0 0 8px 0"
+        borderRadius="4px"
+    />
+  </div>
+</template>
+
+<script setup>
+import SkeletonBlock from './SkeletonBlock.vue';
+
+const props = defineProps({
+  lines: { type: [Number, String], default: 1 },
+  lastWidth: { type: String, default: '70%' }
+})
+
+const getWidth = (line) => {
+    if (parseInt(props.lines) > 1 && line === parseInt(props.lines)) {
+        return props.lastWidth;
+    }
+    return '100%';
+}
+</script>