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

// Import App Component
import App from './app'

// Import Vuex store
import store from './store'
import { getLoginUser } from './store/actions'

// import network framework
import './network'

// import i18n support
import i18n from './i18n'

// Init F7 Vue Plugin
Framework7.use(Framework7Vue)

// Init App
new Vue({
  el: '#app',
  store,
  i18n,
  template: '',
  // Register App Component
  components: {
    app: App
  }
})

getLoginUser(store)

// Import Icons and App Custom Styles
import IconsStyles from './css/icons.css';
import AppStyles from './css/app.css';

// Import Routes
import Routes from './routes.js';

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

// Set up some useful globals
window.isMaterial = !Framework7.device.ios;
window.isiOS = Framework7.device.ios;

// Init F7 Vue Plugin
Framework7.use(Framework7Vue);

// Init App
const baseApp = new Vue({
  el: '#app',
  template: '',
  // Register App Component
  components: {
    app: App
  }
});

// Import F7 Vue Plugin
import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js';

// Import F7 Styles
import 'framework7/css/framework7.bundle.css';

// Import Icons and App Custom Styles
import IconsStyles from './css/icons.css';
import AppStyles from './css/app.css';

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

// Init F7 Vue Plugin
Framework7.use(Framework7Vue)

// Init App
new Vue({
  el: '#app',
  template: '',

  // Register App Component
  components: {
    app: App
  }
});