framework7io/framework7-template-vue-simple

Deprecated! Simple Framework7 Vue starter app template in a single HTML file

framework7-template-vue-simple's Issues

Material theme navbar not shown for opened page

I changed app.js to use material css as material:true
and changed to link material css file in index.html , when the about-page is opened navbar not updated or not showing in front of existing navbar, this issue occur only when using material css

Is this use deprecated framework7-vue?

I've just create very simple app and it is work.

But I've just visit to https://github.com/framework7io/framework7-vue and see the title that it was deprecated? Is that true?

So I need your answer so I can stop my vue project and use F7 with React.

Thanks.

Unable to install Vue-meta Plugin

I'm trying to install vue-meta plugin in this example, but in console it is returning error message:
Unexpected identifier

Please help me to resolve this issue.

Doesn't seem to support back when 2 levels deep...

Adding an extra "page" in, such as About2, linked to from the About "page" breaks the back navigation...

e.g.
in www/index.html modify the about markup

<template id="page-about">
    <f7-page>
      <f7-navbar title="About" back-link="Back"></f7-navbar>
      <f7-block-title>About My App</f7-block-title>
      <f7-block strong>
        <p>Here is About page!</p>
        <f7-list>
                <f7-list-item link="/about2/">About 2</f7-list-item>
        </f7-list>
        <p>You can go <f7-link back>back</f7-link>.</p>
        <p>Mauris posuere sit amet metus id venenatis. Ut ante dolor, tempor nec commodo rutrum, varius at sem. Nullam ac nisi non neque ornare pretium. Nulla mauris mauris, consequat et elementum sit amet, egestas sed orci. In hac habitasse platea dictumst.</p>
        <p>Fusce eros lectus, accumsan eget mi vel, iaculis tincidunt felis. Nulla tincidunt pharetra sagittis. Fusce in felis eros. Nulla sit amet aliquam lorem, et gravida ipsum. Mauris consectetur nisl non sollicitudin tristique. Praesent vitae metus ac quam rhoncus mattis vel et nisi. Aenean aliquet, felis quis dignissim iaculis, lectus quam tincidunt ligula, et venenatis turpis risus sed lorem. Morbi eu metus elit. Ut vel diam dolor.</p>
      </f7-block>
    </f7-page>
  </template>

and adding another template for about2

  <template id="page-about-2">
    <f7-page>
      <f7-navbar title="About 2" back-link="Back"></f7-navbar>
      <f7-block-title>About 2 My App</f7-block-title>
      <f7-block strong>
        <p>Here is About page 2!</p>
        <p>You can go <f7-link back>back</f7-link>.</p>
        <p>Mauris posuere sit amet metus id venenatis. Ut ante dolor, tempor nec commodo rutrum, varius at sem. Nullam ac nisi non neque ornare pretium. Nulla mauris mauris, consequat et elementum sit amet, egestas sed orci. In hac habitasse platea dictumst.</p>
        <p>Fusce eros lectus, accumsan eget mi vel, iaculis tincidunt felis. Nulla tincidunt pharetra sagittis. Fusce in felis eros. Nulla sit amet aliquam lorem, et gravida ipsum. Mauris consectetur nisl non sollicitudin tristique. Praesent vitae metus ac quam rhoncus mattis vel et nisi. Aenean aliquet, felis quis dignissim iaculis, lectus quam tincidunt ligula, et venenatis turpis risus sed lorem. Morbi eu metus elit. Ut vel diam dolor.</p>
      </f7-block>
    </f7-page>
  </template>

Then adding in the component for /about2/ to the initialisation in app.js

Vue.component('page-about-2', {
  template: '#page-about-2'
});

and the route:

          {
            path: '/about2/',
            component: 'page-about-2'
          }

Then clicking the link for "/about/" and subsequently clicking the new link to "/about2/" lets you navigate 'back' once, but then hitting 'back' again gets a 404...

When I build an apk file using cordova, the apk file shows blank screen on device

I have created a project on this template. Now I build an apk file using cordova. Now when I am installing and running the android file on the device, I am getting an blank screen.

Template is not working on device (phone)

Hi, i downloaded all files after build at build.phonegap.com. Then i installed that apk but not working vue template.... i think device can not compile vue template file.

P.s: All files are working localhost, or web but not working at device(apk --->phone).

What can i do?

this.$router is undefined

Hi. I need make a redirect in main.vue, but this.$router is undefined. How can I do that? thx.