Smart select view undefined - F7+vue+Cordova

Hello guys,

I am trying to use a simple SmartSelect but I keep getting an error where the view is not initialized.

Here is the error:

framework7.js:17411 Uncaught TypeError: Cannot read property ‘router’ of undefined
at SmartSelect.openPage (framework7.js:17411)
at (framework7.js:17558)
at HTMLAnchorElement.onClick (framework7.js:17078)
at HTMLAnchorElement.handleEvent (framework7.js:1082)
at sendClick (framework7.js:4142)
at Framework7.handleTouchEnd (framework7.js:4333)
at framework7.js:3071
at Array.forEach ()
at framework7.js:3070
at Array.forEach ()

And this is the code inside the main view:

Account 0 Account 1

And this is how I initialize my app:

app = new Vue({
el: “#app”,
data() {
return {
f7params: {
theme: ‘auto’,
routes: [{
path: ‘/about/’,
component: ‘page-about’
name: ‘App’,
id: ‘’

Do you have an idea of what I might be doing wrong? Thanks for the help!

Try to load home page from component as a route too

Hey thanks! But could you please explain me more or less how to do it? I still don’t fully understand how this component routing works.