const Icon = { props: { css: { type: String, default: 'text-gray-800' }, size: { type: String, default: 'md' } }, methods: { defineSize: (val) => { let size = ''; switch(val){ case 'xs': size = 'w-3 h-3'; break; case 'sm': size = 'w-4 h-4'; break; case 'lg': size = 'w-6 h-6'; break; default: size = 'w-5 h-5'; break; } return size; } }, } const AddressBookIcon = { __proto__: Icon, setup: () => { console.log(this.props) }, template: `` }; const AlignCenterIcon = { __proto__: Icon, template: `` } const EditIcon = { __proto__: Icon, template: `` } const TrashBinIcon = { __proto__: Icon, template: `` } const SearchIcon = { __proto__: Icon, template: `` } const AdjustmentIcon = { __proto__: Icon, template: ` ` } const AngleDownIcon = { __proto__: Icon, template: ` ` } const AngleUpIcon = { __proto__: Icon, template: ` ` } const UserEditIcon = { __proto__: Icon, template: ` ` } const CirclePlusIcon = { __proto__: Icon, template: ` ` } const PlusIcon = { __proto__: Icon, template: ` ` } export { AddressBookIcon, AlignCenterIcon, EditIcon, TrashBinIcon, SearchIcon, AdjustmentIcon, AngleDownIcon, AngleUpIcon, UserEditIcon, CirclePlusIcon, PlusIcon };