assembly/components/Icon.vue
Georges KABBOUCHI c00e17bd22 makerdao wip
2021-08-08 14:34:44 +03:00

485 lines
41 KiB
Vue

<template>
<span :is="icon" class="dark:opacity-90"></span>
</template>
<script>
import { computed, defineComponent, nextTick } from '@nuxtjs/composition-api'
const heroicons = {
solid: {
calendar: () => import('@/assets/img/icons/heroicons/solid/calendar.svg?inline'),
microphone: () => import('@/assets/img/icons/heroicons/solid/microphone.svg?inline'),
'globe-alt': () => import('@/assets/img/icons/heroicons/solid/globe-alt.svg?inline'),
rewind: () => import('@/assets/img/icons/heroicons/solid/rewind.svg?inline'),
'folder-download': () => import('@/assets/img/icons/heroicons/solid/folder-download.svg?inline'),
plus: () => import('@/assets/img/icons/heroicons/solid/plus.svg?inline'),
pause: () => import('@/assets/img/icons/heroicons/solid/pause.svg?inline'),
'exclamation-circle': () => import('@/assets/img/icons/heroicons/solid/exclamation-circle.svg?inline'),
briefcase: () => import('@/assets/img/icons/heroicons/solid/briefcase.svg?inline'),
fire: () => import('@/assets/img/icons/heroicons/solid/fire.svg?inline'),
chip: () => import('@/assets/img/icons/heroicons/solid/chip.svg?inline'),
'document-text': () => import('@/assets/img/icons/heroicons/solid/document-text.svg?inline'),
inbox: () => import('@/assets/img/icons/heroicons/solid/inbox.svg?inline'),
folder: () => import('@/assets/img/icons/heroicons/solid/folder.svg?inline'),
database: () => import('@/assets/img/icons/heroicons/solid/database.svg?inline'),
printer: () => import('@/assets/img/icons/heroicons/solid/printer.svg?inline'),
'bookmark-alt': () => import('@/assets/img/icons/heroicons/solid/bookmark-alt.svg?inline'),
'view-boards': () => import('@/assets/img/icons/heroicons/solid/view-boards.svg?inline'),
'information-circle': () => import('@/assets/img/icons/heroicons/solid/information-circle.svg?inline'),
'paper-airplane': () => import('@/assets/img/icons/heroicons/solid/paper-airplane.svg?inline'),
phone: () => import('@/assets/img/icons/heroicons/solid/phone.svg?inline'),
'user-circle': () => import('@/assets/img/icons/heroicons/solid/user-circle.svg?inline'),
'badge-check': () => import('@/assets/img/icons/heroicons/solid/badge-check.svg?inline'),
'chat-alt-2': () => import('@/assets/img/icons/heroicons/solid/chat-alt-2.svg?inline'),
beaker: () => import('@/assets/img/icons/heroicons/solid/beaker.svg?inline'),
collection: () => import('@/assets/img/icons/heroicons/solid/collection.svg?inline'),
'arrow-circle-up': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-up.svg?inline'),
'minus-sm': () => import('@/assets/img/icons/heroicons/solid/minus-sm.svg?inline'),
'at-symbol': () => import('@/assets/img/icons/heroicons/solid/at-symbol.svg?inline'),
tag: () => import('@/assets/img/icons/heroicons/solid/tag.svg?inline'),
ticket: () => import('@/assets/img/icons/heroicons/solid/ticket.svg?inline'),
'academic-cap': () => import('@/assets/img/icons/heroicons/solid/academic-cap.svg?inline'),
'shield-exclamation': () => import('@/assets/img/icons/heroicons/solid/shield-exclamation.svg?inline'),
bell: () => import('@/assets/img/icons/heroicons/solid/bell.svg?inline'),
'phone-incoming': () => import('@/assets/img/icons/heroicons/solid/phone-incoming.svg?inline'),
map: () => import('@/assets/img/icons/heroicons/solid/map.svg?inline'),
'currency-rupee': () => import('@/assets/img/icons/heroicons/solid/currency-rupee.svg?inline'),
'chart-square-bar': () => import('@/assets/img/icons/heroicons/solid/chart-square-bar.svg?inline'),
rss: () => import('@/assets/img/icons/heroicons/solid/rss.svg?inline'),
library: () => import('@/assets/img/icons/heroicons/solid/library.svg?inline'),
search: () => import('@/assets/img/icons/heroicons/solid/search.svg?inline'),
annotation: () => import('@/assets/img/icons/heroicons/solid/annotation.svg?inline'),
eye: () => import('@/assets/img/icons/heroicons/solid/eye.svg?inline'),
'desktop-computer': () => import('@/assets/img/icons/heroicons/solid/desktop-computer.svg?inline'),
identification: () => import('@/assets/img/icons/heroicons/solid/identification.svg?inline'),
filter: () => import('@/assets/img/icons/heroicons/solid/filter.svg?inline'),
'paper-clip': () => import('@/assets/img/icons/heroicons/solid/paper-clip.svg?inline'),
film: () => import('@/assets/img/icons/heroicons/solid/film.svg?inline'),
menu: () => import('@/assets/img/icons/heroicons/solid/menu.svg?inline'),
sun: () => import('@/assets/img/icons/heroicons/solid/sun.svg?inline'),
'credit-card': () => import('@/assets/img/icons/heroicons/solid/credit-card.svg?inline'),
'chevron-right': () => import('@/assets/img/icons/heroicons/solid/chevron-right.svg?inline'),
'menu-alt-3': () => import('@/assets/img/icons/heroicons/solid/menu-alt-3.svg?inline'),
duplicate: () => import('@/assets/img/icons/heroicons/solid/duplicate.svg?inline'),
'menu-alt-1': () => import('@/assets/img/icons/heroicons/solid/menu-alt-1.svg?inline'),
'chevron-double-right': () => import('@/assets/img/icons/heroicons/solid/chevron-double-right.svg?inline'),
pencil: () => import('@/assets/img/icons/heroicons/solid/pencil.svg?inline'),
code: () => import('@/assets/img/icons/heroicons/solid/code.svg?inline'),
'sort-descending': () => import('@/assets/img/icons/heroicons/solid/sort-descending.svg?inline'),
'chevron-down': () => import('@/assets/img/icons/heroicons/solid/chevron-down.svg?inline'),
'document-remove': () => import('@/assets/img/icons/heroicons/solid/document-remove.svg?inline'),
'volume-up': () => import('@/assets/img/icons/heroicons/solid/volume-up.svg?inline'),
photograph: () => import('@/assets/img/icons/heroicons/solid/photograph.svg?inline'),
minus: () => import('@/assets/img/icons/heroicons/solid/minus.svg?inline'),
'arrow-right': () => import('@/assets/img/icons/heroicons/solid/arrow-right.svg?inline'),
'document-download': () => import('@/assets/img/icons/heroicons/solid/document-download.svg?inline'),
'currency-bangladeshi': () => import('@/assets/img/icons/heroicons/solid/currency-bangladeshi.svg?inline'),
calculator: () => import('@/assets/img/icons/heroicons/solid/calculator.svg?inline'),
'emoji-happy': () => import('@/assets/img/icons/heroicons/solid/emoji-happy.svg?inline'),
'user-remove': () => import('@/assets/img/icons/heroicons/solid/user-remove.svg?inline'),
camera: () => import('@/assets/img/icons/heroicons/solid/camera.svg?inline'),
qrcode: () => import('@/assets/img/icons/heroicons/solid/qrcode.svg?inline'),
hashtag: () => import('@/assets/img/icons/heroicons/solid/hashtag.svg?inline'),
'shield-check': () => import('@/assets/img/icons/heroicons/solid/shield-check.svg?inline'),
backspace: () => import('@/assets/img/icons/heroicons/solid/backspace.svg?inline'),
exclamation: () => import('@/assets/img/icons/heroicons/solid/exclamation.svg?inline'),
'dots-vertical': () => import('@/assets/img/icons/heroicons/solid/dots-vertical.svg?inline'),
'shopping-bag': () => import('@/assets/img/icons/heroicons/solid/shopping-bag.svg?inline'),
'currency-dollar': () => import('@/assets/img/icons/heroicons/solid/currency-dollar.svg?inline'),
'chevron-double-left': () => import('@/assets/img/icons/heroicons/solid/chevron-double-left.svg?inline'),
cube: () => import('@/assets/img/icons/heroicons/solid/cube.svg?inline'),
mail: () => import('@/assets/img/icons/heroicons/solid/mail.svg?inline'),
'color-swatch': () => import('@/assets/img/icons/heroicons/solid/color-swatch.svg?inline'),
'document-add': () => import('@/assets/img/icons/heroicons/solid/document-add.svg?inline'),
stop: () => import('@/assets/img/icons/heroicons/solid/stop.svg?inline'),
'device-tablet': () => import('@/assets/img/icons/heroicons/solid/device-tablet.svg?inline'),
'arrow-narrow-down': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-down.svg?inline'),
flag: () => import('@/assets/img/icons/heroicons/solid/flag.svg?inline'),
logout: () => import('@/assets/img/icons/heroicons/solid/logout.svg?inline'),
'currency-pound': () => import('@/assets/img/icons/heroicons/solid/currency-pound.svg?inline'),
'shopping-cart': () => import('@/assets/img/icons/heroicons/solid/shopping-cart.svg?inline'),
archive: () => import('@/assets/img/icons/heroicons/solid/archive.svg?inline'),
truck: () => import('@/assets/img/icons/heroicons/solid/truck.svg?inline'),
'device-mobile': () => import('@/assets/img/icons/heroicons/solid/device-mobile.svg?inline'),
'chat-alt': () => import('@/assets/img/icons/heroicons/solid/chat-alt.svg?inline'),
'save-as': () => import('@/assets/img/icons/heroicons/solid/save-as.svg?inline'),
'trending-up': () => import('@/assets/img/icons/heroicons/solid/trending-up.svg?inline'),
'status-offline': () => import('@/assets/img/icons/heroicons/solid/status-offline.svg?inline'),
'arrow-circle-down': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-down.svg?inline'),
support: () => import('@/assets/img/icons/heroicons/solid/support.svg?inline'),
'x-circle': () => import('@/assets/img/icons/heroicons/solid/x-circle.svg?inline'),
'arrows-expand': () => import('@/assets/img/icons/heroicons/solid/arrows-expand.svg?inline'),
share: () => import('@/assets/img/icons/heroicons/solid/share.svg?inline'),
'cloud-download': () => import('@/assets/img/icons/heroicons/solid/cloud-download.svg?inline'),
link: () => import('@/assets/img/icons/heroicons/solid/link.svg?inline'),
adjustments: () => import('@/assets/img/icons/heroicons/solid/adjustments.svg?inline'),
'lightning-bolt': () => import('@/assets/img/icons/heroicons/solid/lightning-bolt.svg?inline'),
'currency-yen': () => import('@/assets/img/icons/heroicons/solid/currency-yen.svg?inline'),
document: () => import('@/assets/img/icons/heroicons/solid/document.svg?inline'),
ban: () => import('@/assets/img/icons/heroicons/solid/ban.svg?inline'),
'zoom-out': () => import('@/assets/img/icons/heroicons/solid/zoom-out.svg?inline'),
'fast-forward': () => import('@/assets/img/icons/heroicons/solid/fast-forward.svg?inline'),
'arrow-up': () => import('@/assets/img/icons/heroicons/solid/arrow-up.svg?inline'),
'presentation-chart-line': () => import('@/assets/img/icons/heroicons/solid/presentation-chart-line.svg?inline'),
'chevron-double-down': () => import('@/assets/img/icons/heroicons/solid/chevron-double-down.svg?inline'),
'finger-print': () => import('@/assets/img/icons/heroicons/solid/finger-print.svg?inline'),
template: () => import('@/assets/img/icons/heroicons/solid/template.svg?inline'),
cash: () => import('@/assets/img/icons/heroicons/solid/cash.svg?inline'),
key: () => import('@/assets/img/icons/heroicons/solid/key.svg?inline'),
'folder-open': () => import('@/assets/img/icons/heroicons/solid/folder-open.svg?inline'),
'arrow-circle-left': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-left.svg?inline'),
clipboard: () => import('@/assets/img/icons/heroicons/solid/clipboard.svg?inline'),
'zoom-in': () => import('@/assets/img/icons/heroicons/solid/zoom-in.svg?inline'),
newspaper: () => import('@/assets/img/icons/heroicons/solid/newspaper.svg?inline'),
download: () => import('@/assets/img/icons/heroicons/solid/download.svg?inline'),
heart: () => import('@/assets/img/icons/heroicons/solid/heart.svg?inline'),
selector: () => import('@/assets/img/icons/heroicons/solid/selector.svg?inline'),
gift: () => import('@/assets/img/icons/heroicons/solid/gift.svg?inline'),
variable: () => import('@/assets/img/icons/heroicons/solid/variable.svg?inline'),
'pencil-alt': () => import('@/assets/img/icons/heroicons/solid/pencil-alt.svg?inline'),
'plus-sm': () => import('@/assets/img/icons/heroicons/solid/plus-sm.svg?inline'),
terminal: () => import('@/assets/img/icons/heroicons/solid/terminal.svg?inline'),
'clipboard-check': () => import('@/assets/img/icons/heroicons/solid/clipboard-check.svg?inline'),
play: () => import('@/assets/img/icons/heroicons/solid/play.svg?inline'),
'arrow-narrow-up': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-up.svg?inline'),
'clipboard-copy': () => import('@/assets/img/icons/heroicons/solid/clipboard-copy.svg?inline'),
star: () => import('@/assets/img/icons/heroicons/solid/star.svg?inline'),
'chart-bar': () => import('@/assets/img/icons/heroicons/solid/chart-bar.svg?inline'),
'arrow-left': () => import('@/assets/img/icons/heroicons/solid/arrow-left.svg?inline'),
'view-grid-add': () => import('@/assets/img/icons/heroicons/solid/view-grid-add.svg?inline'),
wifi: () => import('@/assets/img/icons/heroicons/solid/wifi.svg?inline'),
scale: () => import('@/assets/img/icons/heroicons/solid/scale.svg?inline'),
'check-circle': () => import('@/assets/img/icons/heroicons/solid/check-circle.svg?inline'),
'document-duplicate': () => import('@/assets/img/icons/heroicons/solid/document-duplicate.svg?inline'),
'presentation-chart-bar': () => import('@/assets/img/icons/heroicons/solid/presentation-chart-bar.svg?inline'),
cake: () => import('@/assets/img/icons/heroicons/solid/cake.svg?inline'),
check: () => import('@/assets/img/icons/heroicons/solid/check.svg?inline'),
'cursor-click': () => import('@/assets/img/icons/heroicons/solid/cursor-click.svg?inline'),
'question-mark-circle': () => import('@/assets/img/icons/heroicons/solid/question-mark-circle.svg?inline'),
'dots-horizontal': () => import('@/assets/img/icons/heroicons/solid/dots-horizontal.svg?inline'),
upload: () => import('@/assets/img/icons/heroicons/solid/upload.svg?inline'),
server: () => import('@/assets/img/icons/heroicons/solid/server.svg?inline'),
hand: () => import('@/assets/img/icons/heroicons/solid/hand.svg?inline'),
'switch-horizontal': () => import('@/assets/img/icons/heroicons/solid/switch-horizontal.svg?inline'),
'mail-open': () => import('@/assets/img/icons/heroicons/solid/mail-open.svg?inline'),
'light-bulb': () => import('@/assets/img/icons/heroicons/solid/light-bulb.svg?inline'),
login: () => import('@/assets/img/icons/heroicons/solid/login.svg?inline'),
table: () => import('@/assets/img/icons/heroicons/solid/table.svg?inline'),
'document-report': () => import('@/assets/img/icons/heroicons/solid/document-report.svg?inline'),
'cloud-upload': () => import('@/assets/img/icons/heroicons/solid/cloud-upload.svg?inline'),
'dots-circle-horizontal': () => import('@/assets/img/icons/heroicons/solid/dots-circle-horizontal.svg?inline'),
chat: () => import('@/assets/img/icons/heroicons/solid/chat.svg?inline'),
speakerphone: () => import('@/assets/img/icons/heroicons/solid/speakerphone.svg?inline'),
sparkles: () => import('@/assets/img/icons/heroicons/solid/sparkles.svg?inline'),
'trending-down': () => import('@/assets/img/icons/heroicons/solid/trending-down.svg?inline'),
'status-online': () => import('@/assets/img/icons/heroicons/solid/status-online.svg?inline'),
'menu-alt-4': () => import('@/assets/img/icons/heroicons/solid/menu-alt-4.svg?inline'),
'switch-vertical': () => import('@/assets/img/icons/heroicons/solid/switch-vertical.svg?inline'),
translate: () => import('@/assets/img/icons/heroicons/solid/translate.svg?inline'),
'plus-circle': () => import('@/assets/img/icons/heroicons/solid/plus-circle.svg?inline'),
'user-group': () => import('@/assets/img/icons/heroicons/solid/user-group.svg?inline'),
'clipboard-list': () => import('@/assets/img/icons/heroicons/solid/clipboard-list.svg?inline'),
scissors: () => import('@/assets/img/icons/heroicons/solid/scissors.svg?inline'),
'location-marker': () => import('@/assets/img/icons/heroicons/solid/location-marker.svg?inline'),
'volume-off': () => import('@/assets/img/icons/heroicons/solid/volume-off.svg?inline'),
'arrow-down': () => import('@/assets/img/icons/heroicons/solid/arrow-down.svg?inline'),
'emoji-sad': () => import('@/assets/img/icons/heroicons/solid/emoji-sad.svg?inline'),
'receipt-tax': () => import('@/assets/img/icons/heroicons/solid/receipt-tax.svg?inline'),
x: () => import('@/assets/img/icons/heroicons/solid/x.svg?inline'),
'inbox-in': () => import('@/assets/img/icons/heroicons/solid/inbox-in.svg?inline'),
'user-add': () => import('@/assets/img/icons/heroicons/solid/user-add.svg?inline'),
'thumb-down': () => import('@/assets/img/icons/heroicons/solid/thumb-down.svg?inline'),
'chart-pie': () => import('@/assets/img/icons/heroicons/solid/chart-pie.svg?inline'),
trash: () => import('@/assets/img/icons/heroicons/solid/trash.svg?inline'),
save: () => import('@/assets/img/icons/heroicons/solid/save.svg?inline'),
'folder-add': () => import('@/assets/img/icons/heroicons/solid/folder-add.svg?inline'),
'office-building': () => import('@/assets/img/icons/heroicons/solid/office-building.svg?inline'),
'external-link': () => import('@/assets/img/icons/heroicons/solid/external-link.svg?inline'),
'receipt-refund': () => import('@/assets/img/icons/heroicons/solid/receipt-refund.svg?inline'),
'lock-closed': () => import('@/assets/img/icons/heroicons/solid/lock-closed.svg?inline'),
'video-camera': () => import('@/assets/img/icons/heroicons/solid/video-camera.svg?inline'),
'phone-missed-call': () => import('@/assets/img/icons/heroicons/solid/phone-missed-call.svg?inline'),
moon: () => import('@/assets/img/icons/heroicons/solid/moon.svg?inline'),
'phone-outgoing': () => import('@/assets/img/icons/heroicons/solid/phone-outgoing.svg?inline'),
clock: () => import('@/assets/img/icons/heroicons/solid/clock.svg?inline'),
'chevron-left': () => import('@/assets/img/icons/heroicons/solid/chevron-left.svg?inline'),
'book-open': () => import('@/assets/img/icons/heroicons/solid/book-open.svg?inline'),
'menu-alt-2': () => import('@/assets/img/icons/heroicons/solid/menu-alt-2.svg?inline'),
user: () => import('@/assets/img/icons/heroicons/solid/user.svg?inline'),
'search-circle': () => import('@/assets/img/icons/heroicons/solid/search-circle.svg?inline'),
bookmark: () => import('@/assets/img/icons/heroicons/solid/bookmark.svg?inline'),
'view-list': () => import('@/assets/img/icons/heroicons/solid/view-list.svg?inline'),
refresh: () => import('@/assets/img/icons/heroicons/solid/refresh.svg?inline'),
cloud: () => import('@/assets/img/icons/heroicons/solid/cloud.svg?inline'),
'arrow-narrow-right': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-right.svg?inline'),
'minus-circle': () => import('@/assets/img/icons/heroicons/solid/minus-circle.svg?inline'),
'arrow-narrow-left': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-left.svg?inline'),
'chevron-double-up': () => import('@/assets/img/icons/heroicons/solid/chevron-double-up.svg?inline'),
'sort-ascending': () => import('@/assets/img/icons/heroicons/solid/sort-ascending.svg?inline'),
'document-search': () => import('@/assets/img/icons/heroicons/solid/document-search.svg?inline'),
globe: () => import('@/assets/img/icons/heroicons/solid/globe.svg?inline'),
reply: () => import('@/assets/img/icons/heroicons/solid/reply.svg?inline'),
'cube-transparent': () => import('@/assets/img/icons/heroicons/solid/cube-transparent.svg?inline'),
'arrow-circle-right': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-right.svg?inline'),
'view-grid': () => import('@/assets/img/icons/heroicons/solid/view-grid.svg?inline'),
'music-note': () => import('@/assets/img/icons/heroicons/solid/music-note.svg?inline'),
'eye-off': () => import('@/assets/img/icons/heroicons/solid/eye-off.svg?inline'),
cog: () => import('@/assets/img/icons/heroicons/solid/cog.svg?inline'),
'chevron-up': () => import('@/assets/img/icons/heroicons/solid/chevron-up.svg?inline'),
'thumb-up': () => import('@/assets/img/icons/heroicons/solid/thumb-up.svg?inline'),
puzzle: () => import('@/assets/img/icons/heroicons/solid/puzzle.svg?inline'),
'lock-open': () => import('@/assets/img/icons/heroicons/solid/lock-open.svg?inline'),
'folder-remove': () => import('@/assets/img/icons/heroicons/solid/folder-remove.svg?inline'),
'currency-euro': () => import('@/assets/img/icons/heroicons/solid/currency-euro.svg?inline'),
home: () => import('@/assets/img/icons/heroicons/solid/home.svg?inline'),
users: () => import('@/assets/img/icons/heroicons/solid/users.svg?inline'),
},
outline: {
calendar: () => import('@/assets/img/icons/heroicons/outline/calendar.svg?inline'),
microphone: () => import('@/assets/img/icons/heroicons/outline/microphone.svg?inline'),
'globe-alt': () => import('@/assets/img/icons/heroicons/outline/globe-alt.svg?inline'),
rewind: () => import('@/assets/img/icons/heroicons/outline/rewind.svg?inline'),
'folder-download': () => import('@/assets/img/icons/heroicons/outline/folder-download.svg?inline'),
plus: () => import('@/assets/img/icons/heroicons/outline/plus.svg?inline'),
pause: () => import('@/assets/img/icons/heroicons/outline/pause.svg?inline'),
'exclamation-circle': () => import('@/assets/img/icons/heroicons/outline/exclamation-circle.svg?inline'),
briefcase: () => import('@/assets/img/icons/heroicons/outline/briefcase.svg?inline'),
fire: () => import('@/assets/img/icons/heroicons/outline/fire.svg?inline'),
chip: () => import('@/assets/img/icons/heroicons/outline/chip.svg?inline'),
'document-text': () => import('@/assets/img/icons/heroicons/outline/document-text.svg?inline'),
inbox: () => import('@/assets/img/icons/heroicons/outline/inbox.svg?inline'),
folder: () => import('@/assets/img/icons/heroicons/outline/folder.svg?inline'),
database: () => import('@/assets/img/icons/heroicons/outline/database.svg?inline'),
printer: () => import('@/assets/img/icons/heroicons/outline/printer.svg?inline'),
'bookmark-alt': () => import('@/assets/img/icons/heroicons/outline/bookmark-alt.svg?inline'),
'view-boards': () => import('@/assets/img/icons/heroicons/outline/view-boards.svg?inline'),
'information-circle': () => import('@/assets/img/icons/heroicons/outline/information-circle.svg?inline'),
'paper-airplane': () => import('@/assets/img/icons/heroicons/outline/paper-airplane.svg?inline'),
phone: () => import('@/assets/img/icons/heroicons/outline/phone.svg?inline'),
'user-circle': () => import('@/assets/img/icons/heroicons/outline/user-circle.svg?inline'),
'badge-check': () => import('@/assets/img/icons/heroicons/outline/badge-check.svg?inline'),
'chat-alt-2': () => import('@/assets/img/icons/heroicons/outline/chat-alt-2.svg?inline'),
beaker: () => import('@/assets/img/icons/heroicons/outline/beaker.svg?inline'),
collection: () => import('@/assets/img/icons/heroicons/outline/collection.svg?inline'),
'arrow-circle-up': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-up.svg?inline'),
'minus-sm': () => import('@/assets/img/icons/heroicons/outline/minus-sm.svg?inline'),
'at-symbol': () => import('@/assets/img/icons/heroicons/outline/at-symbol.svg?inline'),
tag: () => import('@/assets/img/icons/heroicons/outline/tag.svg?inline'),
ticket: () => import('@/assets/img/icons/heroicons/outline/ticket.svg?inline'),
'academic-cap': () => import('@/assets/img/icons/heroicons/outline/academic-cap.svg?inline'),
'shield-exclamation': () => import('@/assets/img/icons/heroicons/outline/shield-exclamation.svg?inline'),
bell: () => import('@/assets/img/icons/heroicons/outline/bell.svg?inline'),
'phone-incoming': () => import('@/assets/img/icons/heroicons/outline/phone-incoming.svg?inline'),
map: () => import('@/assets/img/icons/heroicons/outline/map.svg?inline'),
'currency-rupee': () => import('@/assets/img/icons/heroicons/outline/currency-rupee.svg?inline'),
'chart-square-bar': () => import('@/assets/img/icons/heroicons/outline/chart-square-bar.svg?inline'),
rss: () => import('@/assets/img/icons/heroicons/outline/rss.svg?inline'),
library: () => import('@/assets/img/icons/heroicons/outline/library.svg?inline'),
search: () => import('@/assets/img/icons/heroicons/outline/search.svg?inline'),
annotation: () => import('@/assets/img/icons/heroicons/outline/annotation.svg?inline'),
eye: () => import('@/assets/img/icons/heroicons/outline/eye.svg?inline'),
'desktop-computer': () => import('@/assets/img/icons/heroicons/outline/desktop-computer.svg?inline'),
identification: () => import('@/assets/img/icons/heroicons/outline/identification.svg?inline'),
filter: () => import('@/assets/img/icons/heroicons/outline/filter.svg?inline'),
'paper-clip': () => import('@/assets/img/icons/heroicons/outline/paper-clip.svg?inline'),
film: () => import('@/assets/img/icons/heroicons/outline/film.svg?inline'),
menu: () => import('@/assets/img/icons/heroicons/outline/menu.svg?inline'),
sun: () => import('@/assets/img/icons/heroicons/outline/sun.svg?inline'),
'credit-card': () => import('@/assets/img/icons/heroicons/outline/credit-card.svg?inline'),
'chevron-right': () => import('@/assets/img/icons/heroicons/outline/chevron-right.svg?inline'),
'menu-alt-3': () => import('@/assets/img/icons/heroicons/outline/menu-alt-3.svg?inline'),
duplicate: () => import('@/assets/img/icons/heroicons/outline/duplicate.svg?inline'),
'menu-alt-1': () => import('@/assets/img/icons/heroicons/outline/menu-alt-1.svg?inline'),
'chevron-double-right': () => import('@/assets/img/icons/heroicons/outline/chevron-double-right.svg?inline'),
pencil: () => import('@/assets/img/icons/heroicons/outline/pencil.svg?inline'),
code: () => import('@/assets/img/icons/heroicons/outline/code.svg?inline'),
'sort-descending': () => import('@/assets/img/icons/heroicons/outline/sort-descending.svg?inline'),
'chevron-down': () => import('@/assets/img/icons/heroicons/outline/chevron-down.svg?inline'),
'document-remove': () => import('@/assets/img/icons/heroicons/outline/document-remove.svg?inline'),
'volume-up': () => import('@/assets/img/icons/heroicons/outline/volume-up.svg?inline'),
photograph: () => import('@/assets/img/icons/heroicons/outline/photograph.svg?inline'),
minus: () => import('@/assets/img/icons/heroicons/outline/minus.svg?inline'),
'arrow-right': () => import('@/assets/img/icons/heroicons/outline/arrow-right.svg?inline'),
'document-download': () => import('@/assets/img/icons/heroicons/outline/document-download.svg?inline'),
'currency-bangladeshi': () => import('@/assets/img/icons/heroicons/outline/currency-bangladeshi.svg?inline'),
calculator: () => import('@/assets/img/icons/heroicons/outline/calculator.svg?inline'),
'emoji-happy': () => import('@/assets/img/icons/heroicons/outline/emoji-happy.svg?inline'),
'user-remove': () => import('@/assets/img/icons/heroicons/outline/user-remove.svg?inline'),
camera: () => import('@/assets/img/icons/heroicons/outline/camera.svg?inline'),
qrcode: () => import('@/assets/img/icons/heroicons/outline/qrcode.svg?inline'),
hashtag: () => import('@/assets/img/icons/heroicons/outline/hashtag.svg?inline'),
'shield-check': () => import('@/assets/img/icons/heroicons/outline/shield-check.svg?inline'),
backspace: () => import('@/assets/img/icons/heroicons/outline/backspace.svg?inline'),
exclamation: () => import('@/assets/img/icons/heroicons/outline/exclamation.svg?inline'),
'dots-vertical': () => import('@/assets/img/icons/heroicons/outline/dots-vertical.svg?inline'),
'shopping-bag': () => import('@/assets/img/icons/heroicons/outline/shopping-bag.svg?inline'),
'currency-dollar': () => import('@/assets/img/icons/heroicons/outline/currency-dollar.svg?inline'),
'chevron-double-left': () => import('@/assets/img/icons/heroicons/outline/chevron-double-left.svg?inline'),
cube: () => import('@/assets/img/icons/heroicons/outline/cube.svg?inline'),
mail: () => import('@/assets/img/icons/heroicons/outline/mail.svg?inline'),
'color-swatch': () => import('@/assets/img/icons/heroicons/outline/color-swatch.svg?inline'),
'document-add': () => import('@/assets/img/icons/heroicons/outline/document-add.svg?inline'),
stop: () => import('@/assets/img/icons/heroicons/outline/stop.svg?inline'),
'device-tablet': () => import('@/assets/img/icons/heroicons/outline/device-tablet.svg?inline'),
'arrow-narrow-down': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-down.svg?inline'),
flag: () => import('@/assets/img/icons/heroicons/outline/flag.svg?inline'),
logout: () => import('@/assets/img/icons/heroicons/outline/logout.svg?inline'),
'currency-pound': () => import('@/assets/img/icons/heroicons/outline/currency-pound.svg?inline'),
'shopping-cart': () => import('@/assets/img/icons/heroicons/outline/shopping-cart.svg?inline'),
archive: () => import('@/assets/img/icons/heroicons/outline/archive.svg?inline'),
truck: () => import('@/assets/img/icons/heroicons/outline/truck.svg?inline'),
'device-mobile': () => import('@/assets/img/icons/heroicons/outline/device-mobile.svg?inline'),
'chat-alt': () => import('@/assets/img/icons/heroicons/outline/chat-alt.svg?inline'),
'save-as': () => import('@/assets/img/icons/heroicons/outline/save-as.svg?inline'),
'trending-up': () => import('@/assets/img/icons/heroicons/outline/trending-up.svg?inline'),
'status-offline': () => import('@/assets/img/icons/heroicons/outline/status-offline.svg?inline'),
'arrow-circle-down': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-down.svg?inline'),
support: () => import('@/assets/img/icons/heroicons/outline/support.svg?inline'),
'x-circle': () => import('@/assets/img/icons/heroicons/outline/x-circle.svg?inline'),
'arrows-expand': () => import('@/assets/img/icons/heroicons/outline/arrows-expand.svg?inline'),
share: () => import('@/assets/img/icons/heroicons/outline/share.svg?inline'),
'cloud-download': () => import('@/assets/img/icons/heroicons/outline/cloud-download.svg?inline'),
link: () => import('@/assets/img/icons/heroicons/outline/link.svg?inline'),
adjustments: () => import('@/assets/img/icons/heroicons/outline/adjustments.svg?inline'),
'lightning-bolt': () => import('@/assets/img/icons/heroicons/outline/lightning-bolt.svg?inline'),
'currency-yen': () => import('@/assets/img/icons/heroicons/outline/currency-yen.svg?inline'),
document: () => import('@/assets/img/icons/heroicons/outline/document.svg?inline'),
ban: () => import('@/assets/img/icons/heroicons/outline/ban.svg?inline'),
'zoom-out': () => import('@/assets/img/icons/heroicons/outline/zoom-out.svg?inline'),
'fast-forward': () => import('@/assets/img/icons/heroicons/outline/fast-forward.svg?inline'),
'arrow-up': () => import('@/assets/img/icons/heroicons/outline/arrow-up.svg?inline'),
'presentation-chart-line': () => import('@/assets/img/icons/heroicons/outline/presentation-chart-line.svg?inline'),
'chevron-double-down': () => import('@/assets/img/icons/heroicons/outline/chevron-double-down.svg?inline'),
'finger-print': () => import('@/assets/img/icons/heroicons/outline/finger-print.svg?inline'),
template: () => import('@/assets/img/icons/heroicons/outline/template.svg?inline'),
cash: () => import('@/assets/img/icons/heroicons/outline/cash.svg?inline'),
key: () => import('@/assets/img/icons/heroicons/outline/key.svg?inline'),
'folder-open': () => import('@/assets/img/icons/heroicons/outline/folder-open.svg?inline'),
'arrow-circle-left': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-left.svg?inline'),
clipboard: () => import('@/assets/img/icons/heroicons/outline/clipboard.svg?inline'),
'zoom-in': () => import('@/assets/img/icons/heroicons/outline/zoom-in.svg?inline'),
newspaper: () => import('@/assets/img/icons/heroicons/outline/newspaper.svg?inline'),
download: () => import('@/assets/img/icons/heroicons/outline/download.svg?inline'),
heart: () => import('@/assets/img/icons/heroicons/outline/heart.svg?inline'),
selector: () => import('@/assets/img/icons/heroicons/outline/selector.svg?inline'),
gift: () => import('@/assets/img/icons/heroicons/outline/gift.svg?inline'),
variable: () => import('@/assets/img/icons/heroicons/outline/variable.svg?inline'),
'pencil-alt': () => import('@/assets/img/icons/heroicons/outline/pencil-alt.svg?inline'),
'plus-sm': () => import('@/assets/img/icons/heroicons/outline/plus-sm.svg?inline'),
terminal: () => import('@/assets/img/icons/heroicons/outline/terminal.svg?inline'),
'clipboard-check': () => import('@/assets/img/icons/heroicons/outline/clipboard-check.svg?inline'),
play: () => import('@/assets/img/icons/heroicons/outline/play.svg?inline'),
'arrow-narrow-up': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-up.svg?inline'),
'clipboard-copy': () => import('@/assets/img/icons/heroicons/outline/clipboard-copy.svg?inline'),
star: () => import('@/assets/img/icons/heroicons/outline/star.svg?inline'),
'chart-bar': () => import('@/assets/img/icons/heroicons/outline/chart-bar.svg?inline'),
'arrow-left': () => import('@/assets/img/icons/heroicons/outline/arrow-left.svg?inline'),
'view-grid-add': () => import('@/assets/img/icons/heroicons/outline/view-grid-add.svg?inline'),
wifi: () => import('@/assets/img/icons/heroicons/outline/wifi.svg?inline'),
scale: () => import('@/assets/img/icons/heroicons/outline/scale.svg?inline'),
'check-circle': () => import('@/assets/img/icons/heroicons/outline/check-circle.svg?inline'),
'document-duplicate': () => import('@/assets/img/icons/heroicons/outline/document-duplicate.svg?inline'),
'presentation-chart-bar': () => import('@/assets/img/icons/heroicons/outline/presentation-chart-bar.svg?inline'),
cake: () => import('@/assets/img/icons/heroicons/outline/cake.svg?inline'),
check: () => import('@/assets/img/icons/heroicons/outline/check.svg?inline'),
'cursor-click': () => import('@/assets/img/icons/heroicons/outline/cursor-click.svg?inline'),
'question-mark-circle': () => import('@/assets/img/icons/heroicons/outline/question-mark-circle.svg?inline'),
'dots-horizontal': () => import('@/assets/img/icons/heroicons/outline/dots-horizontal.svg?inline'),
upload: () => import('@/assets/img/icons/heroicons/outline/upload.svg?inline'),
server: () => import('@/assets/img/icons/heroicons/outline/server.svg?inline'),
hand: () => import('@/assets/img/icons/heroicons/outline/hand.svg?inline'),
'switch-horizontal': () => import('@/assets/img/icons/heroicons/outline/switch-horizontal.svg?inline'),
'mail-open': () => import('@/assets/img/icons/heroicons/outline/mail-open.svg?inline'),
'light-bulb': () => import('@/assets/img/icons/heroicons/outline/light-bulb.svg?inline'),
login: () => import('@/assets/img/icons/heroicons/outline/login.svg?inline'),
table: () => import('@/assets/img/icons/heroicons/outline/table.svg?inline'),
'document-report': () => import('@/assets/img/icons/heroicons/outline/document-report.svg?inline'),
'cloud-upload': () => import('@/assets/img/icons/heroicons/outline/cloud-upload.svg?inline'),
'dots-circle-horizontal': () => import('@/assets/img/icons/heroicons/outline/dots-circle-horizontal.svg?inline'),
chat: () => import('@/assets/img/icons/heroicons/outline/chat.svg?inline'),
speakerphone: () => import('@/assets/img/icons/heroicons/outline/speakerphone.svg?inline'),
sparkles: () => import('@/assets/img/icons/heroicons/outline/sparkles.svg?inline'),
'trending-down': () => import('@/assets/img/icons/heroicons/outline/trending-down.svg?inline'),
'status-online': () => import('@/assets/img/icons/heroicons/outline/status-online.svg?inline'),
'menu-alt-4': () => import('@/assets/img/icons/heroicons/outline/menu-alt-4.svg?inline'),
'switch-vertical': () => import('@/assets/img/icons/heroicons/outline/switch-vertical.svg?inline'),
translate: () => import('@/assets/img/icons/heroicons/outline/translate.svg?inline'),
'plus-circle': () => import('@/assets/img/icons/heroicons/outline/plus-circle.svg?inline'),
'user-group': () => import('@/assets/img/icons/heroicons/outline/user-group.svg?inline'),
'clipboard-list': () => import('@/assets/img/icons/heroicons/outline/clipboard-list.svg?inline'),
scissors: () => import('@/assets/img/icons/heroicons/outline/scissors.svg?inline'),
'location-marker': () => import('@/assets/img/icons/heroicons/outline/location-marker.svg?inline'),
'volume-off': () => import('@/assets/img/icons/heroicons/outline/volume-off.svg?inline'),
'arrow-down': () => import('@/assets/img/icons/heroicons/outline/arrow-down.svg?inline'),
'emoji-sad': () => import('@/assets/img/icons/heroicons/outline/emoji-sad.svg?inline'),
'receipt-tax': () => import('@/assets/img/icons/heroicons/outline/receipt-tax.svg?inline'),
x: () => import('@/assets/img/icons/heroicons/outline/x.svg?inline'),
'inbox-in': () => import('@/assets/img/icons/heroicons/outline/inbox-in.svg?inline'),
'user-add': () => import('@/assets/img/icons/heroicons/outline/user-add.svg?inline'),
'thumb-down': () => import('@/assets/img/icons/heroicons/outline/thumb-down.svg?inline'),
'chart-pie': () => import('@/assets/img/icons/heroicons/outline/chart-pie.svg?inline'),
trash: () => import('@/assets/img/icons/heroicons/outline/trash.svg?inline'),
save: () => import('@/assets/img/icons/heroicons/outline/save.svg?inline'),
'folder-add': () => import('@/assets/img/icons/heroicons/outline/folder-add.svg?inline'),
'office-building': () => import('@/assets/img/icons/heroicons/outline/office-building.svg?inline'),
'external-link': () => import('@/assets/img/icons/heroicons/outline/external-link.svg?inline'),
'receipt-refund': () => import('@/assets/img/icons/heroicons/outline/receipt-refund.svg?inline'),
'lock-closed': () => import('@/assets/img/icons/heroicons/outline/lock-closed.svg?inline'),
'video-camera': () => import('@/assets/img/icons/heroicons/outline/video-camera.svg?inline'),
'phone-missed-call': () => import('@/assets/img/icons/heroicons/outline/phone-missed-call.svg?inline'),
moon: () => import('@/assets/img/icons/heroicons/outline/moon.svg?inline'),
'phone-outgoing': () => import('@/assets/img/icons/heroicons/outline/phone-outgoing.svg?inline'),
clock: () => import('@/assets/img/icons/heroicons/outline/clock.svg?inline'),
'chevron-left': () => import('@/assets/img/icons/heroicons/outline/chevron-left.svg?inline'),
'book-open': () => import('@/assets/img/icons/heroicons/outline/book-open.svg?inline'),
'menu-alt-2': () => import('@/assets/img/icons/heroicons/outline/menu-alt-2.svg?inline'),
user: () => import('@/assets/img/icons/heroicons/outline/user.svg?inline'),
'search-circle': () => import('@/assets/img/icons/heroicons/outline/search-circle.svg?inline'),
bookmark: () => import('@/assets/img/icons/heroicons/outline/bookmark.svg?inline'),
'view-list': () => import('@/assets/img/icons/heroicons/outline/view-list.svg?inline'),
refresh: () => import('@/assets/img/icons/heroicons/outline/refresh.svg?inline'),
cloud: () => import('@/assets/img/icons/heroicons/outline/cloud.svg?inline'),
'arrow-narrow-right': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-right.svg?inline'),
'minus-circle': () => import('@/assets/img/icons/heroicons/outline/minus-circle.svg?inline'),
'arrow-narrow-left': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-left.svg?inline'),
'chevron-double-up': () => import('@/assets/img/icons/heroicons/outline/chevron-double-up.svg?inline'),
'sort-ascending': () => import('@/assets/img/icons/heroicons/outline/sort-ascending.svg?inline'),
'document-search': () => import('@/assets/img/icons/heroicons/outline/document-search.svg?inline'),
globe: () => import('@/assets/img/icons/heroicons/outline/globe.svg?inline'),
reply: () => import('@/assets/img/icons/heroicons/outline/reply.svg?inline'),
'cube-transparent': () => import('@/assets/img/icons/heroicons/outline/cube-transparent.svg?inline'),
'arrow-circle-right': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-right.svg?inline'),
'view-grid': () => import('@/assets/img/icons/heroicons/outline/view-grid.svg?inline'),
'music-note': () => import('@/assets/img/icons/heroicons/outline/music-note.svg?inline'),
'eye-off': () => import('@/assets/img/icons/heroicons/outline/eye-off.svg?inline'),
cog: () => import('@/assets/img/icons/heroicons/outline/cog.svg?inline'),
'chevron-up': () => import('@/assets/img/icons/heroicons/outline/chevron-up.svg?inline'),
'thumb-up': () => import('@/assets/img/icons/heroicons/outline/thumb-up.svg?inline'),
puzzle: () => import('@/assets/img/icons/heroicons/outline/puzzle.svg?inline'),
'lock-open': () => import('@/assets/img/icons/heroicons/outline/lock-open.svg?inline'),
'folder-remove': () => import('@/assets/img/icons/heroicons/outline/folder-remove.svg?inline'),
'currency-euro': () => import('@/assets/img/icons/heroicons/outline/currency-euro.svg?inline'),
home: () => import('@/assets/img/icons/heroicons/outline/home.svg?inline'),
users: () => import('@/assets/img/icons/heroicons/outline/users.svg?inline'),
},
}
export default defineComponent({
props: {
name: { type: String, required: true },
type: { type: String, default: 'outline' },
},
setup(props, context) {
const icon = computed(() => heroicons[props.type][props.name])
if (process.env.NODE_ENV === 'development') {
nextTick(() => {
// eslint-disable-next-line no-console
if (!icon.value) console.warn(`Icon "${props.name}" with type "${props.type}" not found!`)
})
}
return { icon }
},
})
</script>