refactor: update examples
This commit is contained in:
Łukasz Holeczek
+246
-2
@@ -22,15 +22,39 @@ const routes = [
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "dashboard" */ "@/views/Dashboard.vue"),
|
||||
},
|
||||
{
|
||||
path: "/theme",
|
||||
name: "Theme",
|
||||
redirect: "/theme/typography",
|
||||
},
|
||||
{
|
||||
path: "/theme/colors",
|
||||
name: "Colors",
|
||||
component: () => import("@/views/theme/Colors.vue"),
|
||||
},
|
||||
{
|
||||
path: "/theme/typography",
|
||||
name: "Typography",
|
||||
component: () => import("@/views/theme/Typography.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base",
|
||||
name: "Base",
|
||||
component: {
|
||||
render() {
|
||||
return h(resolveComponent('router-view'))
|
||||
}
|
||||
return h(resolveComponent("router-view"));
|
||||
},
|
||||
},
|
||||
redirect: "/base/breadcrumbs",
|
||||
children: [
|
||||
{
|
||||
path: "/base/accordion",
|
||||
name: "Accordion",
|
||||
component: () =>
|
||||
import(
|
||||
/* webpackChunkName: "dashboard" */ "@/views/base/Accordion.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/base/breadcrumbs",
|
||||
name: "Breadcrumbs",
|
||||
@@ -39,8 +63,228 @@ const routes = [
|
||||
/* webpackChunkName: "dashboard" */ "@/views/base/Breadcrumbs.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/base/cards",
|
||||
name: "Cards",
|
||||
component: () => import("@/views/base/Cards.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/carousels",
|
||||
name: "Carousels",
|
||||
component: () => import("@/views/base/Carousels.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/collapses",
|
||||
name: "Collapses",
|
||||
component: () => import("@/views/base/Collapses.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/forms",
|
||||
name: "Forms",
|
||||
component: () => import("@/views/base/Forms.vue"),
|
||||
},
|
||||
/*
|
||||
{
|
||||
path: "/base/jumbotrons",
|
||||
name: "Jumbotrons",
|
||||
component: () => import("@/views/base/Jumbotrons.vue"),
|
||||
},
|
||||
*/
|
||||
{
|
||||
path: "/base/list-groups",
|
||||
name: "List Groups",
|
||||
component: () => import("@/views/base/ListGroups.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/navs",
|
||||
name: "Navs",
|
||||
component: () => import("@/views/base/Navs.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/navbars",
|
||||
name: "Navbars",
|
||||
component: () => import("@/views/base/Navbars.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/paginations",
|
||||
name: "Paginations",
|
||||
component: () => import("@/views/base/Paginations.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/popovers",
|
||||
name: "Popovers",
|
||||
component: () => import("@/views/base/Popovers.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/progress",
|
||||
name: "Progress",
|
||||
component: () => import("@/views/base/Progress.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/switches",
|
||||
name: "Switches",
|
||||
component: () => import("@/views/base/Switches.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/tables",
|
||||
name: "Tables",
|
||||
component: () => import("@/views/base/Tables.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/tabs",
|
||||
name: "Tabs",
|
||||
component: () => import("@/views/base/Tabs.vue"),
|
||||
},
|
||||
{
|
||||
path: "/base/tooltips",
|
||||
name: "Tooltips",
|
||||
component: () => import("@/views/base/Tooltips.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: "/buttons",
|
||||
name: "Buttons",
|
||||
component: {
|
||||
render() {
|
||||
return h(resolveComponent("router-view"));
|
||||
},
|
||||
},
|
||||
redirect: "/buttons/standard-buttons",
|
||||
children: [
|
||||
{
|
||||
path: "/buttons/standard-buttons",
|
||||
name: "Buttons",
|
||||
component: () => import("@/views/buttons/Buttons.vue"),
|
||||
},
|
||||
{
|
||||
path: "/buttons/dropdowns",
|
||||
name: "Button Dropdowns",
|
||||
component: () => import("@/views/buttons/ButtonDropdowns.vue"),
|
||||
},
|
||||
{
|
||||
path: "/buttons/button-groups",
|
||||
name: "Button Groups",
|
||||
component: () => import("@/views/buttons/ButtonGroups.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: "/forms",
|
||||
name: "Forms",
|
||||
component: {
|
||||
render() {
|
||||
return h(resolveComponent("router-view"));
|
||||
},
|
||||
},
|
||||
redirect: "/forms/form-control",
|
||||
children: [
|
||||
{
|
||||
path: "/forms/form-control",
|
||||
name: "Form Control",
|
||||
component: () => import("@/views/forms/FormControl.vue"),
|
||||
},
|
||||
{
|
||||
path: "/forms/select",
|
||||
name: "Select",
|
||||
component: () => import("@/views/forms/Select.vue"),
|
||||
},
|
||||
{
|
||||
path: "/forms/checks-radios",
|
||||
name: "Checks & Radios",
|
||||
component: () => import("@/views/forms/ChecksRadios.vue"),
|
||||
},
|
||||
{
|
||||
path: "/forms/range",
|
||||
name: "Range",
|
||||
component: () => import("@/views/forms/Range.vue"),
|
||||
},
|
||||
{
|
||||
path: "/forms/input-group",
|
||||
name: "Input Group",
|
||||
component: () => import("@/views/forms/InputGroup.vue"),
|
||||
},
|
||||
{
|
||||
path: "/forms/floating-labels",
|
||||
name: "Floating Labels",
|
||||
component: () => import("@/views/forms/FloatingLabels.vue"),
|
||||
},
|
||||
{
|
||||
path: "/forms/layout",
|
||||
name: "Layout",
|
||||
component: () => import("@/views/forms/Layout.vue"),
|
||||
},
|
||||
{
|
||||
path: "/forms/validation",
|
||||
name: "Validation",
|
||||
component: () => import("@/views/forms/Validation.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: "/charts",
|
||||
name: "Charts",
|
||||
component: () => import("@/views/charts/Charts.vue"),
|
||||
},
|
||||
{
|
||||
path: "/icons",
|
||||
name: "Icons",
|
||||
component: {
|
||||
render() {
|
||||
return h(resolveComponent("router-view"));
|
||||
},
|
||||
},
|
||||
redirect: "/icons/coreui-icons",
|
||||
children: [
|
||||
{
|
||||
path: "/icons/coreui-icons",
|
||||
name: "CoreUI Icons",
|
||||
component: () => import("@/views/icons/CoreUIIcons.vue"),
|
||||
},
|
||||
{
|
||||
path: "/icons/brands",
|
||||
name: "Brands",
|
||||
component: () => import("@/views/icons/Brands.vue"),
|
||||
},
|
||||
{
|
||||
path: "/icons/flags",
|
||||
name: "Flags",
|
||||
component: () => import("@/views/icons/Flags.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: "/notifications",
|
||||
name: "Notifications",
|
||||
component: {
|
||||
render() {
|
||||
return h(resolveComponent("router-view"));
|
||||
},
|
||||
},
|
||||
redirect: "/notifications/alerts",
|
||||
children: [
|
||||
{
|
||||
path: "/notifications/alerts",
|
||||
name: "Alerts",
|
||||
component: () => import("@/views/notifications/Alerts.vue"),
|
||||
},
|
||||
{
|
||||
path: "/notifications/badges",
|
||||
name: "Badges",
|
||||
component: () => import("@/views/notifications/Badges.vue"),
|
||||
},
|
||||
{
|
||||
path: "/notifications/modals",
|
||||
name: "Modals",
|
||||
component: () => import("@/views/notifications/Modals.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: "/widgets",
|
||||
name: "Widgets",
|
||||
component: () => import("@/views/widgets/Widgets.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
// {
|
||||
|
||||
Reference in New Issue
Block a user