how can i stop app close on route page i’m using vue-cli 3 project with framework7 plugin and cordova
and this is my route page code
<template>
<!-- App -->
<f7-app :params="f7params">
<!-- Statusbar -->
<f7-statusbar></f7-statusbar>
<f7-panel effect="cover" reveal="reveal" right>
<!--<f7-view>-->
<!--<f7-page>-->
<!--<f7-block>Right panel content</f7-block>-->
<!--</f7-page>-->
<!--</f7-view>-->
<side-bar-component></side-bar-component>
</f7-panel>
<!-- Main View -->
<f7-view id="main-view" url="/home/" main></f7-view>
</f7-app>
</template>
<script>
// Import Routes
import routes from './routes.js'
import SideBarComponent from './components/SideBarComponent'
export default {
components: {
SideBarComponent
},
data() {
return {
// Framework7 parameters here
f7params: {
id: 'io.framework7.testapp', // App bundle ID
name: 'Framework7', // App name
theme: 'auto', // Automatic theme detection
routes: routes,
},
}
},
mounted () {
this.$f7.view.main.params.stackPages = true
this.$f7.view.main.params.uniqueHistory = true
this.$f7.view.main.params.pushStateRoot = '/home/'
this.$f7.view.main.params.pushState = true
},
}
</script>