app.vue 828 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <script setup>
  2. import Player from '../components/Player.vue'
  3. import routes from '../js/routes.js';
  4. import store from '../js/store';
  5. // Framework7 Parameters
  6. const f7params = {
  7. name: 'plaid', // App name
  8. theme: 'ios', // Automatic theme detection
  9. view: {
  10. browserHistory: true,
  11. iosDynamicNavbar: true,
  12. xhrCache: false,
  13. masterDetailBreakpoint: 800,
  14. main: true,
  15. },
  16. // passRouteParamsToRequest: true,
  17. // App store
  18. store,
  19. // App routes
  20. routes,
  21. };
  22. </script>
  23. <template>
  24. <f7-app v-bind="f7params" >
  25. <!-- Top Navbar -->
  26. <f7-toolbar>
  27. <Player />
  28. </f7-toolbar>
  29. <f7-navbar back-link="Back" title='plaid' />
  30. <!-- Your main view, should have "view-main" class -->
  31. <f7-view main url="/"></f7-view>
  32. </f7-app>
  33. </template>