mirror of
				https://github.com/advplyr/audiobookshelf.git
				synced 2025-10-31 02:17:01 -04:00 
			
		
		
		
	
		
			
				
	
	
		
			37 lines
		
	
	
		
			702 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			37 lines
		
	
	
		
			702 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <div :class="`h-${size} w-${size} min-w-${size} text-${fontSize}`" class="flex items-center justify-center">
 | |
|     <span class="abs-icons" :class="`icon-${iconToUse}`"></span>
 | |
|   </div>
 | |
| </template>
 | |
| 
 | |
| <script>
 | |
| export default {
 | |
|   props: {
 | |
|     icon: {
 | |
|       type: String,
 | |
|       default: 'audiobookshelf'
 | |
|     },
 | |
|     fontSize: {
 | |
|       type: String,
 | |
|       default: 'lg'
 | |
|     },
 | |
|     size: {
 | |
|       type: Number,
 | |
|       default: 5
 | |
|     }
 | |
|   },
 | |
|   data() {
 | |
|     return {}
 | |
|   },
 | |
|   computed: {
 | |
|     iconToUse() {
 | |
|       return this.icons.includes(this.icon) ? this.icon : 'audiobookshelf'
 | |
|     },
 | |
|     icons() {
 | |
|       return this.$store.state.globals.libraryIcons
 | |
|     }
 | |
|   },
 | |
|   methods: {},
 | |
|   mounted() {}
 | |
| }
 | |
| </script> |