Panel is not showing 😐

Questions
1

WHERE IT WENT WRONG :question:

  1. app.f7.html :page_facing_up: (under id="app")

{{#if isLoggedIn}}
< div class=“panel panel-left panel-reveal panel-resizable panel-init”>
< div class=“view view-init” id=“view-panel” data-url="/Panel/">
< /div>
< div class=“view view-main view-init” id=“view-main” data-url="/Home/">
{{else}}
< div class=“view view-init” id=“view-auth” data-url="/Login/">
{{/if}}

  1. routes.js :page_facing_up:
    import PanelPage from '../pages/panel.f7.html'

. . .
{
path: ‘/Panel/’,
component: PanelPage,
}

  1. panel.f7.html :page_facing_up:
    https://github.com/framework7io/framework7/blob/master/kitchen-sink/core/index.html

  • Issue :speech_balloon:

    page successfully routes to /Home/ but do not shows panel

  • what i’ve tried

    1. in home.f7.html page mounted(){ self.$f7.panel.enableResizable()}
2

What is exactly in your panel.f7.html ?