Routes.path in the link href wont work , links only work when they have class="back"

hi , im new to f7 here is my code (i removed .css files to make the code shorter )

<!DOCTYPE html>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#2196f3">
    <title>My App</title>


<!-- App root element -->
<div id="app">

    <div class="view view-main" data-url="/">

            <div class="page" data-page="lab">
                <div class="page-content ">
                    <a href="/test/" id="test" data-force="true" data-ignore-cache="true" class="back" > TEST PAGE </a>


<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="node_modules/framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="my-app.js"></script>

here is my app.js

var $$ = Dom7;

var myapp = new Framework7({
    root: '#app',
    name: 'My App',
    id: 'com.myapp.test',

    routes: [
            path: '/test/',
            name: 'test',
            url: 'http://localhost/skywin/client/f7/page/test.html',

 var mainView = myapp.views.create('.view-main' , {url: '/' ,  dynamicNavbar : true});

im using my browser and testing this in localhost , i have 2 problems

1 - the link in the view doesnt work unless i add class=“back” to the link … other wise if i click it nothing will happen but when i add back to the class on click i see ajax call fired … is it something normal ? in document only back button has this class

2 - in my app.js i have specified this route

  routes: [
                path: '/test/',
                name: 'test',
                url: 'http://localhost/skywin/client/f7/page/test.html',

but when i click on the link ajax call goes to


obviusly my routes.path doesn’t work … what im doing wrong ?

This doesn’t make much sense on home page:

Must be just

<a href="/test/" id=“test”>TEST PAGE</a>

Also i see you have route with path: '/test/' but where is the route for your home / path?

thnx , i downloaded this template

and worked on this … it works now