How to use Framework 7 with Vue without framework7-vue


I am newbie and want to use framework7 2.0.2 with vue-webpack boilerplate template. any ideas?

my main.js code is like this

import Vue from 'vue’
import 'framework7/dist/js/framework7’
import 'framework7/dist/css/framework7.css’
import Routes from './routes.js’
import App from ‘./App’
/* eslint-disable no-new /
// Init App
new Vue({
el: ‘#app’,
template: ‘’,
// Init Framework7 by passing parameters here
framework7: {
id: ‘io.framework7.testapp’, /
root: ‘#app’,
Uncomment to enable Material theme: material: true, */
material: true,
theme: ‘md’,
routes: Routes
// Register App Component
components: {
app: App

when I run dev server the chrome shows a blank page without any error, however when i change to and

it shows the content of a vue controller.

Looking for help.