[v2] Framework7 + Vue App init

Hello All,

I posted previously about having routing issues in f7 v1. I found the v2 repo and decided to migrate. This time I decided to start from scratch.

By scratch I mean I created a Cordova project using the CLI tool. Then making changes to bring in Framework7 and Vue. I think I have all everything in place, except when I build. I get an unexpected identifier error in my app.js file at line 1. which is my vue import. The IDE says everything checks out. Then when I run ‘cordova run browser’ I get a blank screen with a single error that is stated above.


import Vue from 'vue';
import Framework7 from 'framework7/dist/framework7.esm.bundle';
import Framework7Vue from 'framework7-vue'; // eslint-disable-line
import app from './app.vue';
import routes from './routes';

// Install Plugin
Vue.use(Framework7Vue, Framework7);

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

package.json (Dependencies)

"dependencies": {
 "cordova-android": "^7.0.0",
 "cordova-browser": "^5.0.3",
 "cordova-ios": "^4.5.4",
 "cordova-plugin-whitelist": "^1.3.3",
 "framework7": "^2.0.2",
 "framework7-vue": "^0.9.4",
 "vue": "^2.5.13",
 "vue-template-compiler": "^2.5.13"

When I created the cordova project I was able to run the project successfully in Android, iOS, and the browser.