How to use the vuetify/lib function in vuetify

export function createViewer(container, proxyConfig = null) {
  const proxyConfiguration = proxyConfig || activeProxyConfig || Config.Proxy;
  const proxyManager = vtkProxyManager.newInstance({ proxyConfiguration });

  const store = createStore(proxyManager);

  // subscription won't be unsubscribed b/c we currently
  // don't have a way to destroy a viewer
  registerProxyManagerHooks(proxyManager, store);

  /* eslint-disable no-new */
  new Vue({
    el: container,
    components: { App },
    store,
    vuetify: new Vuetify(),
    template: '',
  });

  // support history-based navigation
  function onRoute(event) {
    const state = event.state || {};
    if (state.app) {
      store.commit(Mutations.SHOW_APP);
    } else {
      store.commit(Mutations.SHOW_LANDING);
    }
  }
  store.watch(
    (state) => state.route,
    (route) => {
      const state = window.history.state || {};

import router from './routes'
import store from './store'

Vue.config.productionTip = false

Vue.use(plugins)
Vue.use(Vuetify)

/* eslint-disable no-new */
new Vue({
	el: '#app',
	i18n,
	render: h => h(App),
	router,
	store,
	vuetify: new Vuetify({
		icons: {
			iconfont: 'mdiSvg',
		},
		lang: { t: (key, ...params) => i18n.t(key, params) }
	})
})

VDialog, VCard, VCardTitle, VCardText, VCardActions, VBtn, VSpacer, VIcon, VTextField, VTooltip, VToolbar
} from 'vuetify/lib'
import Router from 'vue-router'
import 'vuetify/dist/vuetify.min.css'

// icons
import '@mdi/font/css/materialdesignicons.css'
import '@fortawesome/fontawesome-free/css/all.css'

import App from './App'
import router from './router'

// import '../dist/main.css'
import { MAIN_MODULE } from './config'

const vuetify = new Vuetify({
  lang: {
    current: 'en' // en | es | fr | pl | ru | uk | ptbr | tr | he | nl | ja
  }
})

MAIN_MODULE.then(({ TiptapVuetifyPlugin }) => {
  Vue.use(Router)
  Vue.use(Vuetify, {
    components: {
      // Components used in demo
      VApp,
      VContent,
      VContainer,
      // Components used in this package
      VDialog,
      VCard,

const opts = {
    theme: {
        primary: '#4296bd',
        secondary: '#f6d45a',
    },
    icons: {
        values: {
            toonin: {
                component: TooninIcon, // you can use string here if component is registered globally
              },
        },
      },
}

export default new Vuetify(opts)

let dark: boolean;

  if (process.server) {
    dark =
      req.session && req.session.theme && req.session.theme.variant === 'DARK';
  } else {
    // by now on client side, we should be able to access apolloProvider
    const apolloClient = app.apolloProvider!.defaultClient;
    const { theme } = (await apolloClient.cache.readQuery({
      query: THEME,
    })) as Query;
    dark = theme.variant === 'DARK';
  }

  // eslint-disable-next-line require-atomic-updates
  app.vuetify = new Vuetify({
    theme: {
      dark,
      themes: {
        light: {
          primary: colors.deepPurple.base,
          accent: colors.deepPurple.base,
          error: colors.red.base,
        },
        dark: {
          primary: colors.grey.darken3,
          accent: colors.orange.base,
          error: colors.red.base,
        },
      },
    },
  });

VSpacer,
        VChip,
    },
    directives : {
        Ripple,
    },
    icons: {
        iconfont: 'mdi',
    },
})

const opts = {

}

export default new Vuetify(opts)

},
        close_alert(state) {
            state.alert.show = false;
        },
    }
})

const vuetify_opts = {
    icons: {
        iconfont: 'mdi',
    },
}


window.app = new Vue({
    vuetify: new Vuetify(vuetify_opts),
    router,
    store,
    render: h => h(App),
}).$mount('#app')

anchor: '#07a7e3',
        accent: '#65a5f8'
      },
      dark: {
        primary: '#3b8db8',
        anchor: '#07a7e3',
        accent: '#65a5f8'
      }
    }
  },
  icons: {
    iconfont: 'mdi'
  }
}

const vuetify = new Vuetify(opts)

Vue.use(Vuetify, opts)
Vue.use(VuetifyToast, { $vuetify: vuetify.framework, x: 'center', y: 'top', timeout: 2500, queueable: true })

export default vuetify

import Vue from 'vue';
import Vuetify from 'vuetify/lib';
import Expangine from './index';
import App from './App.vue';
import './registerServiceWorker';

Vue.use(Vuetify);
Vue.use(Expangine);

const vuetify = new Vuetify({
  icons: {
    iconfont: 'mdi',
  },
});

new Vue({
  vuetify,
  render: (h) => h(App),
}).$mount('#app');

import "@mdi/font/css/materialdesignicons.css";
import Vue from "vue";
import Vuetify from "vuetify/lib";

Vue.use(Vuetify);

const opts = {
  icons: {
    iconfont: "fa"
  }
};

export default new Vuetify(opts);