framework7-vue/esm/shared/plugin.js

Build full featured iOS & Android apps using Framework7 & Vue

import Framework7 from 'framework7/lite';
import componentsRouter from './components-router';
import { f7, f7ready, theme, f7initEvents, setTheme } from './f7';
var Framework7Vue = {
  name: 'vuePlugin',
  installed: false,
  install: function install(params) {
    if (params === void 0) {
      params = {};
    }

    if (Framework7Vue.installed) return;
    Framework7Vue.installed = true;
    f7initEvents();
    var _params = params,
        paramsTheme = _params.theme,
        userAgent = _params.userAgent;
    if (paramsTheme === 'md') theme.md = true;
    if (paramsTheme === 'ios') theme.ios = true;
    if (paramsTheme === 'aurora') theme.aurora = true; // eslint-disable-next-line

    var needThemeCalc = typeof window === 'undefined' ? !!userAgent : true;

    if (needThemeCalc && (!paramsTheme || paramsTheme === 'auto')) {
      var device = Framework7.getDevice({
        userAgent: userAgent
      }, true);
      theme.ios = !!device.ios;
      theme.aurora = device.desktop && device.electron;
      theme.md = !theme.ios && !theme.aurora;
    }

    f7ready(function () {
      setTheme();
    });
    Framework7.Router.use(componentsRouter);
  }
};
export { f7ready, f7, theme };
export default Framework7Vue;