Iconify + Vue3 offline

bundle-iconify.js

/* install all the icons sets e.g.
* npm i @iconify-icons/mdi
* npm i @iconify-icons/mdi-light
* npm i @iconify-icons/ic 
* 
*/

/*
* In main.js
* import IconifyBundle from '@/assets/bundle-iconify.js';
* 
* app.component('Icon', IconifyBundle.Icon);
* */

/*
* Now use <Icon icon="xyz:account-cog" /> in the template
*
*/

import { addIcon, Icon } from '@iconify/vue/offline';

/* declare all the icons you want to use */
import accountCog from '@iconify-icons/mdi/account-cog';
import home from '@iconify-icons/ic/home';

/* create my own namespace xyz: */

addIcon('xyz:account-cog', accountCog);
addIcon('xyz:home', home);

export default {
    Icon: Icon
}