Back button not working svelte v6.0.1

Questions
1

I have a home page and a info page,if i go to info page and click back button from the navbar it doesn’t go back.
I checked the classes which are attached to the pages and the Info page has the class “page-next” and the home page has “page-current”.
Shouldn’t the info be current and home be previous?
I am using svelte framework7 v6.0.1
this is routes:

routes=[{

    showAvatar:true,

    showOptions:false,

    showAppBar:true,

    showBack:false,

    path: "/",

    component: HomePage,

    name: "Homepage",

    viewName: "main"

  },

  {

    showAvatar:false,

    showOptions:false,

    showAppBar:true,

    showBack:true,

    name:"Info",

    path: "/about/",

    component: AboutPage,

    viewName: "main",

  }]

and this is how the view is declared:

<App {...f7params} themeDark={store.state.themeDark}>
  <View
    id="main"
    name="main"
    main
    url={'/'}
    transition={store.state.animation} />
</App>

FIXED! store.state.animation was “fade” instead of “f7-fade”. changing this fixed the problem.