main.vue

<template>
    <!-- App -->
    <div id="app">
        <f7-statusbar></f7-statusbar>
        <f7-panel @panel:open="openPanel" @panel:closed="openPanel" left reveal>
            <f7-view url="/panel-left/" links-view=".view-main" />
        </f7-panel>

        <!-- Main View -->
        <f7-view id="main-view" :stackPages="true" main>
          <page-news>
          </page-news>
          <page-about id="page-about">
          </page-about>
        </f7-view>
    </div>
</template>
<script>
import Vue from 'vue';

import NewsPage from './assets/vue/pages/news.vue';
import AboutPage from './assets/vue/pages/about.vue';
Vue.component('page-news', NewsPage);
Vue.component('page-about', AboutPage);

export default {
    components:
    {
      NewsPage, AboutPage
    }
  }
</script>