export default [
  // {
  //   path: '/apps/todo/:filter',
  //   component: () => import('@/views/apps/todo/Todo.vue'),
  //   meta: {
  //     rule: 'editor',
  //     parent: 'todo',
  //     no_scroll: true
  //   }
  // },
  // {
  //   path: '/apps/chat',
  //   name: 'chat',
  //   component: () => import('@/views/apps/chat/Chat.vue'),
  //   meta: {
  //     rule: 'editor',
  //     no_scroll: true
  //   }
  // },
  // {
  //   path: '/apps/email',
  //   redirect: '/apps/email/inbox',
  //   name: 'email'
  // },
  // {
  //   path: '/apps/email/:filter',
  //   component: () => import('@/views/apps/email/Email.vue'),
  //   meta: {
  //     rule: 'editor',
  //     parent: 'email',
  //     no_scroll: true
  //   }
  // },
  // {
  //   path: '/apps/calendar/vue-simple-calendar',
  //   name: 'calendar-simple-calendar',
  //   component: () => import('@/views/apps/calendar/SimpleCalendar.vue'),
  //   meta: {
  //     rule: 'editor',
  //     no_scroll: true
  //   }
  // },
  // {
  //   path: '/apps/eCommerce/shop',
  //   name: 'ecommerce-shop',
  //   component: () => import('@/views/apps/eCommerce/ECommerceShop.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'eCommerce'},
  //       { title: 'Shop', active: true }
  //     ],
  //     pageTitle: 'Shop',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/apps/eCommerce/wish-list',
  //   name: 'ecommerce-wish-list',
  //   component: () => import('@/views/apps/eCommerce/ECommerceWishList.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'eCommerce', url:'/apps/eCommerce/shop'},
  //       { title: 'Wish List', active: true }
  //     ],
  //     pageTitle: 'Wish List',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/apps/eCommerce/checkout',
  //   name: 'ecommerce-checkout',
  //   component: () => import('@/views/apps/eCommerce/ECommerceCheckout.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'eCommerce', url:'/apps/eCommerce/shop'},
  //       { title: 'Checkout', active: true }
  //     ],
  //     pageTitle: 'Checkout',
  //     rule: 'editor'
  //   }
  // },
  /*
            Below route is for demo purpose
            You can use this route in your app
              {
                  path: '/apps/eCommerce/item/',
                  name: 'ecommerce-item-detail-view',
                  redirect: '/apps/eCommerce/shop',
              }
          */
  // {
  //   path: '/apps/eCommerce/item/',
  //   redirect: '/apps/eCommerce/item/5546604'
  // },
  // {
  //   path: '/apps/eCommerce/item/:item_id',
  //   name: 'ecommerce-item-detail-view',
  //   component: () => import('@/views/apps/eCommerce/ECommerceItemDetailView.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'eCommerce'},
  //       { title: 'Shop', url: {name: 'ecommerce-shop'} },
  //       { title: 'Item Details', active: true }
  //     ],
  //     parent: 'ecommerce-item-detail-view',
  //     pageTitle: 'Item Details',
  //     rule: 'editor'
  //   }
  // },

  // =============================================================================
  // COMPONENT ROUTES
  // =============================================================================
  // {
  //   path: '/components/alert',
  //   name: 'component-alert',
  //   component: () => import('@/views/components/vuesax/alert/Alert.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Alert', active: true }
  //     ],
  //     pageTitle: 'Alert',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/avatar',
  //   name: 'component-avatar',
  //   component: () => import('@/views/components/vuesax/avatar/Avatar.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Avatar', active: true }
  //     ],
  //     pageTitle: 'Avatar',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/breadcrumb',
  //   name: 'component-breadcrumb',
  //   component: () => import('@/views/components/vuesax/breadcrumb/Breadcrumb.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Breadcrumb', active: true }
  //     ],
  //     pageTitle: 'Breadcrumb',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/button',
  //   name: 'component-button',
  //   component: () => import('@/views/components/vuesax/button/Button.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Button', active: true }
  //     ],
  //     pageTitle: 'Button',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/button-group',
  //   name: 'component-button-group',
  //   component: () => import('@/views/components/vuesax/button-group/ButtonGroup.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Button Group', active: true }
  //     ],
  //     pageTitle: 'Button Group',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/chip',
  //   name: 'component-chip',
  //   component: () => import('@/views/components/vuesax/chip/Chip.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Chip', active: true }
  //     ],
  //     pageTitle: 'Chip',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/collapse',
  //   name: 'component-collapse',
  //   component: () => import('@/views/components/vuesax/collapse/Collapse.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Collapse', active: true }
  //     ],
  //     pageTitle: 'Collapse',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/dialogs',
  //   name: 'component-dialog',
  //   component: () => import('@/views/components/vuesax/dialogs/Dialogs.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Dialogs', active: true }
  //     ],
  //     pageTitle: 'Dialogs',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/divider',
  //   name: 'component-divider',
  //   component: () => import('@/views/components/vuesax/divider/Divider.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Divider', active: true }
  //     ],
  //     pageTitle: 'Divider',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/dropdown',
  //   name: 'component-drop-down',
  //   component: () => import('@/views/components/vuesax/dropdown/Dropdown.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Dropdown', active: true }
  //     ],
  //     pageTitle: 'Dropdown',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/list',
  //   name: 'component-list',
  //   component: () => import('@/views/components/vuesax/list/List.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'List', active: true }
  //     ],
  //     pageTitle: 'List',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/loading',
  //   name: 'component-loading',
  //   component: () => import('@/views/components/vuesax/loading/Loading.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Loading', active: true }
  //     ],
  //     pageTitle: 'Loading',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/navbar',
  //   name: 'component-navbar',
  //   component: () => import('@/views/components/vuesax/navbar/Navbar.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Navbar', active: true }
  //     ],
  //     pageTitle: 'Navbar',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/notifications',
  //   name: 'component-notifications',
  //   component: () => import('@/views/components/vuesax/notifications/Notifications.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Notifications', active: true }
  //     ],
  //     pageTitle: 'Notifications',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/pagination',
  //   name: 'component-pagination',
  //   component: () => import('@/views/components/vuesax/pagination/Pagination.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Pagination', active: true }
  //     ],
  //     pageTitle: 'Pagination',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/popup',
  //   name: 'component-popup',
  //   component: () => import('@/views/components/vuesax/popup/Popup.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Popup', active: true }
  //     ],
  //     pageTitle: 'Popup',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/progress',
  //   name: 'component-progress',
  //   component: () => import('@/views/components/vuesax/progress/Progress.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Progress', active: true }
  //     ],
  //     pageTitle: 'Progress',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/sidebar',
  //   name: 'component-sidebar',
  //   component: () => import('@/views/components/vuesax/sidebar/Sidebar.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Sidebar', active: true }
  //     ],
  //     pageTitle: 'Sidebar',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/slider',
  //   name: 'component-slider',
  //   component: () => import('@/views/components/vuesax/slider/Slider.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Slider', active: true }
  //     ],
  //     pageTitle: 'Slider',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/tabs',
  //   name: 'component-tabs',
  //   component: () => import('@/views/components/vuesax/tabs/Tabs.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Tabs', active: true }
  //     ],
  //     pageTitle: 'Tabs',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/tooltip',
  //   name: 'component-tooltip',
  //   component: () => import('@/views/components/vuesax/tooltip/Tooltip.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Tooltip', active: true }
  //     ],
  //     pageTitle: 'Tooltip',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/components/upload',
  //   name: 'component-upload',
  //   component: () => import('@/views/components/vuesax/upload/Upload.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Components' },
  //       { title: 'Upload', active: true }
  //     ],
  //     pageTitle: 'Upload',
  //     rule: 'editor'
  //   }
  // },


  // =============================================================================
  // FORMS
  // =============================================================================
  // =============================================================================
  // FORM ELEMENTS
  // =============================================================================
  // {
  //   path: '/forms/form-elements/select',
  //   name: 'form-element-select',
  //   component: () => import('@/views/forms/form-elements/select/Select.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Form Elements' },
  //       { title: 'Select', active: true }
  //     ],
  //     pageTitle: 'Select',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-elements/switch',
  //   name: 'form-element-switch',
  //   component: () => import('@/views/forms/form-elements/switch/Switch.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Form Elements' },
  //       { title: 'Switch', active: true }
  //     ],
  //     pageTitle: 'Switch',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-elements/checkbox',
  //   name: 'form-element-checkbox',
  //   component: () => import('@/views/forms/form-elements/checkbox/Checkbox.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Form Elements' },
  //       { title: 'Checkbox', active: true }
  //     ],
  //     pageTitle: 'Checkbox',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-elements/radio',
  //   name: 'form-element-radio',
  //   component: () => import('@/views/forms/form-elements/radio/Radio.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Form Elements' },
  //       { title: 'Radio', active: true }
  //     ],
  //     pageTitle: 'Radio',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-elements/input',
  //   name: 'form-element-input',
  //   component: () => import('@/views/forms/form-elements/input/Input.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Form Elements' },
  //       { title: 'Input', active: true }
  //     ],
  //     pageTitle: 'Input',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-elements/number-input',
  //   name: 'form-element-number-input',
  //   component: () => import('@/views/forms/form-elements/number-input/NumberInput.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Form Elements' },
  //       { title: 'Number Input', active: true }
  //     ],
  //     pageTitle: 'Number Input',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-elements/textarea',
  //   name: 'form-element-textarea',
  //   component: () => import('@/views/forms/form-elements/textarea/Textarea.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Form Elements' },
  //       { title: 'Textarea', active: true }
  //     ],
  //     pageTitle: 'Textarea',
  //     rule: 'editor'
  //   }
  // },
  // -------------------------------------------------------------------------------------------------------------------------------------------
  // {
  //   path: '/forms/form-layouts',
  //   name: 'forms-form-layouts',
  //   component: () => import('@/views/forms/FormLayouts.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Forms' },
  //       { title: 'Form Layouts', active: true }
  //     ],
  //     pageTitle: 'Form Layouts',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-wizard',
  //   name: 'extra-component-form-wizard',
  //   component: () => import('@/views/forms/form-wizard/FormWizard.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Form Wizard', active: true }
  //     ],
  //     pageTitle: 'Form Wizard',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-validation',
  //   name: 'extra-component-form-validation',
  //   component: () => import('@/views/forms/form-validation/FormValidation.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Form Validation', active: true }
  //     ],
  //     pageTitle: 'Form Validation',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/forms/form-input-group',
  //   name: 'extra-component-form-input-group',
  //   component: () => import('@/views/forms/form-input-group/FormInputGroup.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Form Input Group', active: true }
  //     ],
  //     pageTitle: 'Form Input Group',
  //     rule: 'editor'
  //   }
  // },

  // =============================================================================
  // Pages Routes
  // =============================================================================
  // {
  //   path: '/pages/profile',
  //   name: 'page-profile',
  //   component: () => import('@/views/pages/Profile.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Pages' },
  //       { title: 'Profile', active: true }
  //     ],
  //     pageTitle: 'Profile',
  //     rule: 'editor'
  //   }
  // },
  // =============================================================================
  // UI ELEMENTS
  // =============================================================================
  {
    path: '/ui-elements/data-list/list-view',
    name: 'data-list-list-view',
    component: () => import('@/views/ui-elements/data-list/list-view/DataListListView.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Data List'},
        {title: 'List View', active: true}
      ],
      pageTitle: 'List View',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/data-list/thumb-view',
    name: 'data-list-thumb-view',
    component: () => import('@/views/ui-elements/data-list/thumb-view/DataListThumbView.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Data List'},
        {title: 'Thumb View', active: true}
      ],
      pageTitle: 'Thumb View',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/grid/vuesax',
    name: 'grid-vuesax',
    component: () => import('@/views/ui-elements/grid/vuesax/GridVuesax.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Grid'},
        {title: 'Vuesax', active: true}
      ],
      pageTitle: 'Grid',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/grid/tailwind',
    name: 'grid-tailwind',
    component: () => import('@/views/ui-elements/grid/tailwind/GridTailwind.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Grid'},
        {title: 'Tailwind', active: true}
      ],
      pageTitle: 'Tailwind Grid',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/colors',
    name: 'colors',
    component: () => import('@/views/ui-elements/colors/Colors.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Colors', active: true}
      ],
      pageTitle: 'Colors',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/card/basic',
    name: 'basic-cards',
    component: () => import('@/views/ui-elements/card/CardBasic.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Card'},
        {title: 'Basic Cards', active: true}
      ],
      pageTitle: 'Basic Cards',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/card/statistics',
    name: 'statistics-cards',
    component: () => import('@/views/ui-elements/card/CardStatistics.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Card'},
        {title: 'Statistics Cards', active: true}
      ],
      pageTitle: 'Statistics Card',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/card/analytics',
    name: 'analytics-cards',
    component: () => import('@/views/ui-elements/card/CardAnalytics.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Card'},
        {title: 'Analytics Card', active: true}
      ],
      pageTitle: 'Analytics Card',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/card/card-actions',
    name: 'card-actions',
    component: () => import('@/views/ui-elements/card/CardActions.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Card'},
        {title: 'Card Actions', active: true}
      ],
      pageTitle: 'Card Actions',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/card/card-colors',
    name: 'card-colors',
    component: () => import('@/views/ui-elements/card/CardColors.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Card'},
        {title: 'Card Colors', active: true}
      ],
      pageTitle: 'Card Colors',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/table',
    name: 'table',
    component: () => import('@/views/ui-elements/table/Table.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'Table', active: true}
      ],
      pageTitle: 'Table',
      rule: 'editor'
    }
  },
  {
    path: '/ui-elements/ag-grid-table',
    name: 'ag-grid-table',
    component: () => import('@/views/ui-elements/ag-grid-table/AgGridTable.vue'),
    meta: {
      breadcrumb: [
        {title: 'Home', url: '/'},
        {title: 'agGrid Table', active: true}
      ],
      pageTitle: 'agGrid Table',
      rule: 'editor'
    }
  },


  // {
  //   path: '/pages/faq',
  //   name: 'page-faq',
  //   component: () => import('@/views/pages/Faq.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Pages' },
  //       { title: 'FAQ', active: true }
  //     ],
  //     pageTitle: 'FAQ',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/pages/knowledge-base',
  //   name: 'page-knowledge-base',
  //   component: () => import('@/views/pages/KnowledgeBase.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Pages' },
  //       { title: 'KnowledgeBase', active: true }
  //     ],
  //     pageTitle: 'KnowledgeBase',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/pages/knowledge-base/category',
  //   name: 'page-knowledge-base-category',
  //   component: () => import('@/views/pages/KnowledgeBaseCategory.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Pages' },
  //       { title: 'KnowledgeBase', url: '/pages/knowledge-base' },
  //       { title: 'Category', active: true }
  //     ],
  //     parent: 'page-knowledge-base',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/pages/knowledge-base/category/question',
  //   name: 'page-knowledge-base-category-question',
  //   component: () => import('@/views/pages/KnowledgeBaseCategoryQuestion.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Pages' },
  //       { title: 'KnowledgeBase', url: '/pages/knowledge-base' },
  //       { title: 'Category', url: '/pages/knowledge-base/category' },
  //       { title: 'Question', active: true }
  //     ],
  //     parent: 'page-knowledge-base',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/pages/search',
  //   name: 'page-search',
  //   component: () => import('@/views/pages/Search.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Pages' },
  //       { title: 'Search', active: true }
  //     ],
  //     pageTitle: 'Search',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/pages/invoice',
  //   name: 'page-invoice',
  //   component: () => import('@/views/pages/Invoice.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Pages' },
  //       { title: 'Invoice', active: true }
  //     ],
  //     pageTitle: 'Invoice',
  //     rule: 'editor'
  //   }
  // },

  // =============================================================================
  // CHARTS & MAPS
  // =============================================================================
  // {
  //   path: '/charts-and-maps/charts/apex-charts',
  //   name: 'extra-component-charts-apex-charts',
  //   component: () => import('@/views/charts-and-maps/charts/apex-charts/ApexCharts.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Charts & Maps' },
  //       { title: 'Apex Charts', active: true }
  //     ],
  //     pageTitle: 'Apex Charts',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/charts-and-maps/charts/chartjs',
  //   name: 'extra-component-charts-chartjs',
  //   component: () => import('@/views/charts-and-maps/charts/chartjs/Chartjs.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Charts & Maps' },
  //       { title: 'chartjs', active: true }
  //     ],
  //     pageTitle: 'chartjs',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/charts-and-maps/charts/echarts',
  //   name: 'extra-component-charts-echarts',
  //   component: () => import('@/views/charts-and-maps/charts/echarts/Echarts.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Charts & Maps' },
  //       { title: 'echarts', active: true }
  //     ],
  //     pageTitle: 'echarts',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/charts-and-maps/maps/google-map',
  //   name: 'extra-component-maps-google-map',
  //   component: () => import('@/views/charts-and-maps/maps/google-map/GoogleMap.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Charts & Maps' },
  //       { title: 'Google Map', active: true }
  //     ],
  //     pageTitle: 'Google Map',
  //     rule: 'editor'
  //   }
  // },


  // =============================================================================
  // EXTENSIONS
  // =============================================================================
  // {
  //   path: '/extensions/select',
  //   name: 'extra-component-select',
  //   component: () => import('@/views/components/extra-components/select/Select.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Select', active: true }
  //     ],
  //     pageTitle: 'Select',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/quill-editor',
  //   name: 'extra-component-quill-editor',
  //   component: () => import('@/views/components/extra-components/quill-editor/QuillEditor.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Quill Editor', active: true }
  //     ],
  //     pageTitle: 'Quill Editor',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/drag-and-drop',
  //   name: 'extra-component-drag-and-drop',
  //   component: () => import('@/views/components/extra-components/drag-and-drop/DragAndDrop.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Drag & Drop', active: true }
  //     ],
  //     pageTitle: 'Drag & Drop',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/datepicker',
  //   name: 'extra-component-datepicker',
  //   component: () => import('@/views/components/extra-components/datepicker/Datepicker.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Datepicker', active: true }
  //     ],
  //     pageTitle: 'Datepicker',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/datetime-picker',
  //   name: 'extra-component-datetime-picker',
  //   component: () => import('@/views/components/extra-components/datetime-picker/DatetimePicker.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extra Components' },
  //       { title: 'Datetime Picker', active: true }
  //     ],
  //     pageTitle: 'Datetime Picker',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/access-control',
  //   name: 'extra-component-access-control',
  //   component: () => import('@/views/components/extra-components/access-control/AccessControl.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Access Control', active: true }
  //     ],
  //     pageTitle: 'Access Control',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/i18n',
  //   name: 'extra-component-i18n',
  //   component: () => import('@/views/components/extra-components/I18n.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'I18n', active: true }
  //     ],
  //     pageTitle: 'I18n',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/carousel',
  //   name: 'extra-component-carousel',
  //   component: () => import('@/views/components/extra-components/carousel/Carousel.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Carousel', active: true }
  //     ],
  //     pageTitle: 'Carousel',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/clipboard',
  //   name: 'extra-component-clipboard',
  //   component: () => import('@/views/components/extra-components/clipboard/Clipboard.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Clipboard', active: true }
  //     ],
  //     pageTitle: 'Clipboard',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/context-menu',
  //   name: 'extra-component-context-menu',
  //   component: () => import('@/views/components/extra-components/context-menu/ContextMenu.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Context Menu', active: true }
  //     ],
  //     pageTitle: 'Context Menu',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/star-ratings',
  //   name: 'extra-component-star-ratings',
  //   component: () => import('@/views/components/extra-components/star-ratings/StarRatings.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Star Ratings', active: true }
  //     ],
  //     pageTitle: 'Star Ratings',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/autocomplete',
  //   name: 'extra-component-autocomplete',
  //   component: () => import('@/views/components/extra-components/autocomplete/Autocomplete.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Autocomplete', active: true }
  //     ],
  //     pageTitle: 'Autocomplete',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/extensions/tree',
  //   name: 'extra-component-tree',
  //   component: () => import('@/views/components/extra-components/tree/Tree.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Tree', active: true }
  //     ],
  //     pageTitle: 'Tree',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/import-export/import',
  //   name: 'import-excel',
  //   component: () => import('@/views/components/extra-components/import-export/Import.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Import/Export' },
  //       { title: 'Import', active: true }
  //     ],
  //     pageTitle: 'Import Excel',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/import-export/export',
  //   name: 'export-excel',
  //   component: () => import('@/views/components/extra-components/import-export/Export.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Import/Export' },
  //       { title: 'Export', active: true }
  //     ],
  //     pageTitle: 'Export Excel',
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/import-export/export-selected',
  //   name: 'export-excel-selected',
  //   component: () => import('@/views/components/extra-components/import-export/ExportSelected.vue'),
  //   meta: {
  //     breadcrumb: [
  //       { title: 'Home', url: '/' },
  //       { title: 'Extensions' },
  //       { title: 'Import/Export' },
  //       { title: 'Export Selected', active: true }
  //     ],
  //     pageTitle: 'Export Excel',
  //     rule: 'editor'
  //   }
  // }


  // {
  //   path: '/pages/reset-password',
  //   name: 'page-reset-password',
  //   component: () => import('@/views/pages/ResetPassword.vue'),
  //   meta: {
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/pages/lock-screen',
  //   name: 'page-lock-screen',
  //   component: () => import('@/views/pages/LockScreen.vue'),
  //   meta: {
  //     rule: 'editor'
  //   }
  // },
  // {
  //   path: '/pages/comingsoon',
  //   name: 'page-coming-soon',
  //   component: () => import('@/views/pages/ComingSoon.vue'),
  //   meta: {
  //     rule: 'editor'
  //   }
  // },
]