How to use the framework7/framework7.esm.bundle.use function in framework7

import 'bootstrap-vue/dist/bootstrap-vue.css';
/* /frontendBootstrap */
/* #iconsFramework7 */
import 'framework7-icons';
/* /iconsFramework7 */
/* #iconsMaterial */
import 'material-icons/css/material-icons.min.css';
/* /iconsMaterial */
import mixinElectron from './mixins/electron';
import app from '../app/app.vue';

Vue.config.devtools = false;
Vue.config.productionTip = false;

/* #frontendFramework7 */
Framework7.use(Framework7Vue);
/* /frontendFramework7 */
/* #frontendMaterial */
Vue.use(VueMaterial);
/* /frontendMaterial */
/* #frontendBootstrap */
Vue.use(BootstrapVue);
/* /frontendBootstrap */
Vue.mixin(mixinElectron);

new Vue({ // eslint-disable-line no-new
  el: '#app',
  render: h => h(app),
});

import React from 'react';
import ReactDOM from 'react-dom';
import Framework7 from 'framework7/framework7.esm.bundle';
import Framework7React from 'framework7-react';
import App from './app.jsx';

Framework7.use(Framework7React);
// Mount React App
ReactDOM.render(
  React.createElement(App),
  document.getElementById('app'),
);

import Vue from 'vue';
import Framework7 from 'framework7/framework7.esm.bundle';
import Framework7Vue from 'framework7-vue';
import App from './app.vue';

Framework7.use(Framework7Vue);

// Init Vue App
export default new Vue({
  // Root Element
  el: '#app',
  render: c => c(App),
});

import FontAwesome from '@fortawesome/fontawesome-free/css/all.min.css';

// Import fastClick
import FastClick from 'fastclick';

// Import App Custom Styles
// import AppStyles from './assets/sass/main.scss'

// Import App Component
import app from './main.vue';

// Import Vuex Storage
import store from './assets/vuex/storage.js';

// Different F7-Vue plugin initialization with f7 v3.0
Framework7.use(Framework7Vue);

// Init Vue App
export default new Vue({
  // Root Element
  el: '#app',
  store,
  render: c => c('app'),
  components: {
    app
  },
  mounted() {
    window.addEventListener('load', () => {
      // run after everything is in-place
      FastClick.attach(document.body);
    });
  }

import 'framework7/css/framework7.min.css';

// Icons
import './css/icons.css';

// Custom app styles
import './css/app.css';

import * as OfflinePluginRuntime from 'offline-plugin/runtime';

import api from 'api';

OfflinePluginRuntime.install({onInstalled: () => OfflinePluginRuntime.update(), onUpdateReady: () => window.tools ? api.globals.app.dialog.confirm('Update available, apply it?', () => OfflinePluginRuntime.applyUpdate(() => window.location.reload())) : OfflinePluginRuntime.applyUpdate(() => window.location.reload())});

// Init Framework7-React plugin
Framework7.use(Framework7React);

window.React = React;
window.ReactDOM = ReactDOM;

window.rapydComponents = {...Framework7Components, ...window.rapydComponents, Page, Flatpickr};

// Mount React App
(async () => {
  const wait_session = api.get_session();
  try {
    window.addEventListener('beforeinstallprompt', async (event) => {
      event.preventDefault();
      await wait_session;
      api.globals.InstallPromp = event;
      await api.wait_exist(() => document.getElementById('pwa_install_button'));
      document.getElementById('pwa_install_button').style.display = 'inline-block';

import Framework7React from 'framework7-react';

// Import main App component
import App from './components/App.jsx';

// Framework7 styles
import 'framework7/css/framework7.bundle.css';

// Icons
import './css/icons.css';

// Custom app styles
import './css/app.css';

// Init Framework7-React plugin
Framework7.use(Framework7React);

// Mount React App
ReactDOM.render(
  React.createElement(App),
  document.getElementById('app'),
);

import Vue from 'vue';
import Framework7 from 'framework7/framework7.esm.bundle';
import 'framework7/css/framework7.css';
import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle';
import { Plugins } from '@capacitor/core';
import App from './app/app.vue';
import 'framework7-icons';
import 'material-icons/iconfont/material-icons.css';

Vue.config.productionTip = false;

Framework7.use(Framework7Vue);

export default new Vue({
  el: '#app',
  render: c => c(App),
  mounted() {
    this.$f7ready(() => {
      Plugins.SplashScreen.hide().catch(() => {});
    });
  },
});