mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-11-04 06:23:17 -05: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>
 |