How to call a method from main.js in Vue + Framework7?

Question

JavaScript

Hey! I can’t figure out how to call $f7.router.navigate in the main.js file, where all libraries are connected

// Import Vue
import Vue from 'vue'
// Import Vue-Resource
import Resource from 'vue-resource'
// Import F7
import Framework7 from 'framework7/framework7.esm.bundle.js'
// Import F7 Vue Plugin
import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js'
// Import F7 Styles
// eslint-disable-next-line
import Framework7Styles from 'framework7/css/framework7.css'
// Import Icons and App Custom Styles
// eslint-disable-next-line
import IconsStyles from './css/icons.css'
// eslint-disable-next-line
import AppStyles from './css/app.css'
import store from './store'
import user from './user'
// Import App Component
import App from './app'

// Init F7 Vue Plugin
Framework7.use(Framework7Vue)
Vue.use(Resource)
// тут
this.$f7.router.navigate()

I tried all the options :)
I don’t have enough knowledge in the field of js :)

Answer 1

try connecting this module to Vue:
Vue.use(Framework7)