mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-29 12:41:10 -04:00 
			
		
		
		
	
		
			
				
	
	
		
			32 lines
		
	
	
		
			534 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			32 lines
		
	
	
		
			534 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <div class="base-content-placeholders-text">
 | |
|     <div
 | |
|       v-for="n in lines"
 | |
|       :key="n"
 | |
|       :class="lineClass"
 | |
|       class="w-full h-full base-content-placeholders-text__line"
 | |
|     />
 | |
|   </div>
 | |
| </template>
 | |
| 
 | |
| <script setup>
 | |
| import { computed } from 'vue'
 | |
| 
 | |
| const props = defineProps({
 | |
|   lines: {
 | |
|     type: Number,
 | |
|     default: 4,
 | |
|   },
 | |
|   rounded: {
 | |
|     type: Boolean,
 | |
|     default: false,
 | |
|   },
 | |
| })
 | |
| 
 | |
| const lineClass = computed(() => {
 | |
|   return {
 | |
|     'base-content-placeholders-is-rounded': props.rounded,
 | |
|   }
 | |
| })
 | |
| </script>
 |