logo The World’s #1 Bootstrap 4 HTML, Angular 10, 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.