import {createVuetify } from "vuetify";

// Import all .vue icons and process them, so they can be used
// as $vuetify.icons.<iconname>
var icons = {}
const modules = import.meta.glob('@/assets/icons/*.vue', {eager: true});
Object.keys(modules).map(path => {
  // Remove"./"
  const parts = path.split("/");
  const iconName = parts[parts.length - 1].split(".")[0];
  icons[iconName] = { component: modules[path].default }
});

export default function(ignoredconfig) {
    return createVuetify({
      icons: {
        iconfont: 'md',
        values: icons,
      },
      options: {
        customProperties: true
      },
      theme: {
        options: {
          customProperties: true,
        },
        dark: false,
      }
    });
}