Solved: How to open page in main view? it is opening in left panel

Questions
1

In my app I have 2 views first is main view and another for left-panel.

I have a logout link in left panel

    <f7-list>
      <f7-list-item @click="logOut()" data-view=".view-main" title="Sign Out" panel-close>
      </f7-list-item> 
    </f7-list>

and a method:

      logOut(){
        const self = this;
        self.$f7router.navigate('/login/')
}

the login page is opening in left panel. What should I do to open it in main-view?
Please help.

Regards

2

OK I got it myself.

$f7.views.main.router.navigate('/login/')

will do the work