Stop app close in root page

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>