Home Metronic Hire Us Buy Now
The World’s #1 Bootstrap 4 & 5 HTML, Angular 11, React, VueJS & Laravel
Admin Dashboard Theme

## Vue Skeleton

### Remove Demo Pages

All demo pages are in separate modules and can be removed from this folder
`[metronic]/theme/vue/[demo]/src/view/pages/`.

Create a blank vue page in `[metronic]/theme/vue/[demo]/src/view/pages/Blank.vue`

    <template>
      <div>
        <h1>blank page</h1>
      </div>
    </template>

    <script>

    export default {
      name: "blank",
    };
    </script>

### Routers

Remove all demo page routers and replace with blank page route. Router file is in this file `[metronic]/theme/vue/[demo]/src/router.js`. The component `Base.vue` is required as parent component because this file contains the page header, footer, menu, content area, etc.

    export default new Router({
      routes: [
        {
          path: "/",
          redirect: "/blank",
          component: () => import("@/view/layout/Layout"),
          children: [
            {
              path: "/blank",
              name: "blank",
              component: () => import("@/view/pages/Blank.vue")
            },
          ]
        }
      ]
    });

Open and modify file `[metronic]/theme/vue/[demo]/src/view/layout/Layout.vue`. Remove or comment out the block of codes below to temporarily disable the auth module from being redirect to login page.

    if (!this.isAuthenticated) {
      this.$router.push({ name: "login" });
    }

Now the Vue can be run using `npm run serve` with a blank page without demo pages.