Framework7-lite + vue-router

Hello there!

It’s possible to use vue-router with Framework7-lite?

I try to import ESm lite module and add another f7-vue components:

// framework7-custom.js
import Vue from 'vue';
import Framework7, {Device, Request, Utils} from 'framework7/framework7-lite.esm.js';

import App from 'framework7-vue/components/app.js';

Vue.component('f7-app', App);

export default Framework7;
export {Device, Request, Utils};

// main.js
import Vue from 'vue';
import App from './App.vue';
import Framework7 from './framework7-custom.js';
import Framework7Vue from 'framework7-vue';
import router from './router';


new Vue({
  render: (h) => h(App),

When I add <f7-app> component to root of my application vue-router stop working but without <f7-app> component f7 scripts and styles don’t work too.

No, F7 can’t be used with Vue-router

1 Like