menu.js

const gettingStarted = [
  {
    name: 'Pick Quasar Flavour',
    path: 'pick-quasar-flavour'
  },
  {
    name: 'Quasar Flavours',
    opened: true,
    children: [
      {
        name: 'Quasar CLI',
        path: 'quasar-cli'
      },
      {
        name: 'UMD / Standalone',
        path: 'umd'
      },
      {
        name: 'Vite Plugin',
        path: 'vite-plugin'
      },
      {
        name: 'Vue CLI Plugin',
        path: 'vue-cli-plugin'
      }
    ]
  },
  {
    name: 'How to use Vue',
    path: 'how-to-use-vue'
  },
  {
    name: 'Playground',
    path: 'playground'
  },
  {
    name: 'Release notes',
    path: 'release-notes'
  },
  {
    name: 'Roadmap',
    path: 'roadmap'
  },
  {
    name: 'Upgrade guide',
    badge: 'update',
    path: 'upgrade-guide'
  },
  {
    name: 'VS Code Configuration',
    path: 'vs-code-configuration'
  }
]

const contributionGuide = [
  {
    name: 'Contribution Guide',
    path: 'contribution-guide'
  },
  {
    name: 'Running Projects',
    path: 'running-projects'
  },
  {
    name: 'Start a New Project',
    path: 'new-project'
  },
  {
    name: 'Project Maintainer Role',
    path: 'project-maintainer'
  },
  {
    name: 'Commit Conventions',
    path: 'commit-conventions'
  }
]

const options = [
  {
    name: 'The $q object',
    path: 'the-q-object'
  },
  {
    name: 'App Icons',
    path: 'app-icons'
  },
  {
    name: 'SEO',
    path: 'seo'
  },
  {
    name: 'Quasar Language Packs',
    path: 'quasar-language-packs'
  },
  {
    name: 'App Internationalization',
    path: 'app-internationalization'
  },
  {
    name: 'RTL Support',
    path: 'rtl-support'
  },
  {
    name: 'Installing Icon Libraries',
    path: 'installing-icon-libraries'
  },
  {
    name: 'Quasar Icon Sets',
    path: 'quasar-icon-sets'
  },
  {
    name: 'Platform Detection',
    path: 'platform-detection'
  },
  {
    name: 'Screen Plugin',
    path: 'screen-plugin'
  },
  {
    name: 'Animations',
    path: 'animations'
  },
  {
    name: 'Transitions',
    path: 'transitions'
  }
]

const security = [
  {
    name: 'DO\'s and DON\'Ts',
    path: 'dos-and-donts'
  },
  {
    name: 'Report a vulnerability',
    path: 'report-a-vulnerability'
  }
  // Re-enable when ready again
  // {
  //   name: 'Get help!',
  //   path: 'get-help'
  // }
]

const cliWebpack = [
  {
    name: 'quasar.config.js',
    path: 'quasar-config-js'
  },
  {
    name: 'Convert to CLI with Webpack',
    path: 'convert-to-quasar-cli-with-webpack'
  },
  {
    name: 'Browser Compatibility',
    path: 'browser-compatibility'
  },
  {
    name: 'Supporting TypeScript',
    path: 'supporting-ts'
  },
  {
    name: 'Directory Structure',
    path: 'directory-structure'
  },
  {
    name: 'Commands List',
    path: 'commands-list'
  },
  {
    name: 'CSS Preprocessors',
    path: 'css-preprocessors'
  },
  {
    name: 'Routing',
    path: 'routing'
  },
  {
    name: 'Lazy Loading - Code Splitting',
    path: 'lazy-loading'
  },
  {
    name: 'Handling Assets',
    path: 'handling-assets'
  },
  {
    name: 'Boot Files',
    path: 'boot-files'
  },
  {
    name: 'Prefetch Feature',
    path: 'prefetch-feature'
  },
  {
    name: 'API Proxying',
    path: 'api-proxying'
  },
  {
    name: 'Handling Webpack',
    path: 'handling-webpack'
  },
  {
    name: 'Handling process.env',
    path: 'handling-process-env'
  },
  {
    name: 'State Management with Pinia',
    path: 'state-management-with-pinia'
  },
  {
    name: 'State Management with Vuex',
    path: 'state-management-with-vuex'
  },
  {
    name: 'Linter',
    path: 'linter'
  },
  {
    name: 'Testing & Auditing',
    path: 'testing-and-auditing'
  },
  {
    name: 'Developing SPA',
    path: 'developing-spa',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'App Icons for SPA',
        path: 'app-icons-spa'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Deploying',
        path: 'deploying'
      }
    ]
  },
  {
    name: 'Developing SSR',
    path: 'developing-ssr',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Writing Universal Code',
        path: 'writing-universal-code'
      },
      {
        name: 'Upgrade guide',
        badge: 'new',
        path: 'ssr-upgrade-guide'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring SSR',
        path: 'configuring-ssr'
      },
      {
        name: 'ssrContext',
        badge: 'update',
        path: 'ssr-context'
      },
      {
        name: 'SSR Middleware',
        badge: 'new',
        path: 'ssr-middleware'
      },
      {
        name: 'SSR Production Export',
        badge: 'new',
        path: 'ssr-production-export'
      },
      {
        name: 'Vue SSR Directives',
        badge: 'new',
        path: 'vue-ssr-directives'
      },
      {
        name: 'App Icons for SSR',
        path: 'app-icons-ssr'
      },
      {
        name: 'SEO for SSR',
        path: 'seo-for-ssr'
      },
      {
        name: 'Client Side Hydration',
        path: 'client-side-hydration'
      },
      {
        name: 'Handling 404 and 500 Errors',
        path: 'handling-404-and-500-errors'
      },
      {
        name: 'SSR with PWA',
        path: 'ssr-with-pwa'
      },
      {
        name: 'SSR Frequently Asked Questions',
        path: 'ssr-frequently-asked-questions'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'SSR with Typescript',
        badge: 'new',
        path: 'ssr-with-typescript'
      },
      {
        name: 'Deploying',
        path: 'deploying'
      }
    ]
  },
  {
    name: 'Developing PWA',
    path: 'developing-pwa',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Configuring PWA',
        path: 'configuring-pwa'
      },
      {
        name: 'HMR for PWA',
        path: 'hmr-for-dev'
      },
      {
        name: 'App Icons for PWA',
        path: 'app-icons-pwa'
      },
      {
        name: 'Handling Service Worker',
        path: 'handling-service-worker'
      },
      {
        name: 'PWA with Typescript',
        badge: 'new',
        path: 'pwa-with-typescript'
      }
    ]
  },
  {
    name: 'Developing Mobile Apps',
    path: 'developing-mobile-apps'
  },
  {
    name: 'Developing Capacitor Apps',
    path: 'developing-capacitor-apps',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Capacitor versions',
        path: 'capacitor-version-support'
      },
      {
        name: 'Configuring Capacitor',
        path: 'configuring-capacitor'
      },
      {
        name: 'App Icons for Capacitor',
        path: 'app-icons-capacitor'
      },
      {
        name: 'Capacitor API',
        path: 'capacitor-api'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Troubleshooting and Tips',
        path: 'troubleshooting-and-tips'
      },
      {
        name: 'Managing Google Analytics',
        path: 'managing-google-analytics'
      },
      {
        name: 'Publishing to Store',
        path: 'publishing-to-store'
      }
    ]
  },
  {
    name: 'Developing Cordova Apps',
    path: 'developing-cordova-apps',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring Cordova',
        path: 'configuring-cordova'
      },
      {
        name: 'App Icons for Cordova',
        path: 'app-icons-cordova'
      },
      {
        name: 'Cordova Plugins',
        path: 'cordova-plugins'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Troubleshooting and Tips',
        path: 'troubleshooting-and-tips'
      },
      {
        name: 'Managing Google Analytics',
        path: 'managing-google-analytics'
      },
      {
        name: 'Publishing to Store',
        path: 'publishing-to-store'
      }
    ]
  },
  {
    name: 'Developing Electron Apps',
    path: 'developing-electron-apps',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Upgrade guide',
        path: 'electron-upgrade-guide',
        badge: 'new'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring Electron',
        path: 'configuring-electron'
      },
      {
        name: 'App Icons for Electron',
        path: 'app-icons-electron'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Preload Script',
        path: 'electron-preload-script'
      },
      {
        name: 'Electron Packages',
        path: 'electron-packages'
      },
      {
        name: 'Accessing files',
        path: 'electron-accessing-files'
      },
      {
        name: 'Frameless Electron Window',
        path: 'frameless-electron-window'
      },
      {
        name: 'Electron with Typescript',
        path: 'electron-with-typescript'
      },
      {
        name: 'Electron Security Concerns',
        path: 'electron-security-concerns'
      },
      {
        name: 'Troubleshooting and Tips',
        path: 'troubleshooting-and-tips'
      }
    ]
  },
  {
    name: 'Developing Browser Extensions',
    path: 'developing-browser-extensions',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring BEX',
        path: 'configuring-bex'
      },
      {
        name: 'App Icons for BEX',
        path: 'app-icons-browser-extension'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Types of BEX',
        path: 'types-of-bex'
      },
      {
        name: 'BEX Communication / Events',
        path: 'bex-communication'
      },
      {
        name: 'Background Hooks',
        path: 'background-hooks'
      },
      {
        name: 'Content Hooks',
        path: 'content-hooks'
      },
      {
        name: 'DOM Hooks',
        path: 'dom-hooks'
      }
    ]
  },
  {
    name: 'Ajax Requests',
    path: 'ajax-requests'
  },
  {
    name: 'Opening Dev Server To Public',
    path: 'opening-dev-server-to-public'
  }
]

const cliVite = [
  {
    name: 'quasar.config.js',
    path: 'quasar-config-js'
  },
  {
    name: 'Convert project to CLI with Vite',
    path: 'convert-to-quasar-cli-with-vite'
  },
  {
    name: 'Browser Compatibility',
    path: 'browser-compatibility'
  },
  {
    name: 'Directory Structure',
    path: 'directory-structure'
  },
  {
    name: 'Commands List',
    path: 'commands-list'
  },
  {
    name: 'CSS Preprocessors',
    path: 'css-preprocessors'
  },
  {
    name: 'Routing',
    path: 'routing'
  },
  {
    name: 'Lazy Loading - Code Splitting',
    path: 'lazy-loading'
  },
  {
    name: 'Handling Assets',
    path: 'handling-assets'
  },
  {
    name: 'Boot Files',
    path: 'boot-files'
  },
  {
    name: 'Prefetch Feature',
    path: 'prefetch-feature'
  },
  {
    name: 'API Proxying',
    path: 'api-proxying'
  },
  {
    name: 'Handling Vite',
    path: 'handling-vite'
  },
  {
    name: 'Handling process.env',
    path: 'handling-process-env'
  },
  {
    name: 'State Management with Pinia',
    path: 'state-management-with-pinia'
  },
  {
    name: 'State Management with Vuex',
    path: 'state-management-with-vuex'
  },
  {
    name: 'Linter',
    path: 'linter'
  },
  {
    name: 'Testing & Auditing',
    path: 'testing-and-auditing'
  },
  {
    name: 'Developing SPA',
    path: 'developing-spa',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'App Icons for SPA',
        path: 'app-icons-spa'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Deploying',
        path: 'deploying'
      }
    ]
  },
  {
    name: 'Developing SSR',
    path: 'developing-ssr',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Writing Universal Code',
        path: 'writing-universal-code'
      },
      {
        name: 'Upgrade guide',
        path: 'ssr-upgrade-guide'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring SSR',
        path: 'configuring-ssr'
      },
      {
        name: 'ssrContext',
        path: 'ssr-context'
      },
      {
        name: 'SSR Middleware',
        path: 'ssr-middleware'
      },
      {
        name: 'SSR Webserver',
        path: 'ssr-webserver'
      },
      {
        name: 'Vue SSR Directives',
        path: 'vue-ssr-directives'
      },
      {
        name: 'App Icons for SSR',
        path: 'app-icons-ssr'
      },
      {
        name: 'SEO for SSR',
        path: 'seo-for-ssr'
      },
      {
        name: 'Client Side Hydration',
        path: 'client-side-hydration'
      },
      {
        name: 'Handling 404 and 500 Errors',
        path: 'handling-404-and-500-errors'
      },
      {
        name: 'SSR with PWA',
        path: 'ssr-with-pwa'
      },
      {
        name: 'SSR Frequently Asked Questions',
        path: 'ssr-frequently-asked-questions'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'SSR with Typescript',
        path: 'ssr-with-typescript'
      },
      {
        name: 'Deploying',
        path: 'deploying'
      }
    ]
  },
  {
    name: 'Developing PWA',
    path: 'developing-pwa',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Configuring PWA',
        path: 'configuring-pwa'
      },
      {
        name: 'HMR for PWA',
        path: 'hmr-for-dev'
      },
      {
        name: 'App Icons for PWA',
        path: 'app-icons-pwa'
      },
      {
        name: 'Handling Service Worker',
        path: 'handling-service-worker'
      },
      {
        name: 'PWA with Typescript',
        path: 'pwa-with-typescript'
      }
    ]
  },
  {
    name: 'Developing Mobile Apps',
    path: 'developing-mobile-apps'
  },
  {
    name: 'Developing Capacitor Apps',
    path: 'developing-capacitor-apps',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Capacitor versions',
        path: 'capacitor-version-support'
      },
      {
        name: 'Configuring Capacitor',
        path: 'configuring-capacitor'
      },
      {
        name: 'App Icons for Capacitor',
        path: 'app-icons-capacitor'
      },
      {
        name: 'Capacitor API',
        path: 'capacitor-api'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Troubleshooting and Tips',
        path: 'troubleshooting-and-tips'
      },
      {
        name: 'Managing Google Analytics',
        path: 'managing-google-analytics'
      },
      {
        name: 'Publishing to Store',
        path: 'publishing-to-store'
      }
    ]
  },
  {
    name: 'Developing Cordova Apps',
    path: 'developing-cordova-apps',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring Cordova',
        path: 'configuring-cordova'
      },
      {
        name: 'App Icons for Cordova',
        path: 'app-icons-cordova'
      },
      {
        name: 'Cordova Plugins',
        path: 'cordova-plugins'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Troubleshooting and Tips',
        path: 'troubleshooting-and-tips'
      },
      {
        name: 'Managing Google Analytics',
        path: 'managing-google-analytics'
      },
      {
        name: 'Publishing to Store',
        path: 'publishing-to-store'
      }
    ]
  },
  {
    name: 'Developing Electron Apps',
    path: 'developing-electron-apps',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Upgrade guide',
        path: 'electron-upgrade-guide'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring Electron',
        path: 'configuring-electron'
      },
      {
        name: 'App Icons for Electron',
        path: 'app-icons-electron'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Preload Script',
        path: 'electron-preload-script'
      },
      {
        name: 'Electron Packages',
        path: 'electron-packages'
      },
      {
        name: 'Accessing files',
        path: 'electron-accessing-files'
      },
      {
        name: 'Frameless Electron Window',
        path: 'frameless-electron-window'
      },
      {
        name: 'Electron with Typescript',
        path: 'electron-with-typescript'
      },
      {
        name: 'Electron Security Concerns',
        path: 'electron-security-concerns'
      },
      {
        name: 'Troubleshooting and Tips',
        path: 'troubleshooting-and-tips'
      }
    ]
  },
  {
    name: 'Developing Browser Extensions',
    path: 'developing-browser-extensions',
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Preparation',
        path: 'preparation'
      },
      {
        name: 'Configuring BEX',
        path: 'configuring-bex'
      },
      {
        name: 'App Icons for BEX',
        path: 'app-icons-browser-extension'
      },
      {
        name: 'Build Commands',
        path: 'build-commands'
      },
      {
        name: 'Types of BEX',
        path: 'types-of-bex'
      },
      {
        name: 'BEX Communication / Events',
        path: 'bex-communication'
      },
      {
        name: 'Background Script',
        path: 'background-script'
      },
      {
        name: 'Content Scripts',
        path: 'content-scripts'
      },
      {
        name: 'DOM Script',
        path: 'dom-script'
      }
    ]
  },
  {
    name: 'Ajax Requests',
    path: 'ajax-requests'
  },
  {
    name: 'Opening Dev Server To Public',
    path: 'opening-dev-server-to-public'
  }
]

const icongenie = [
  {
    name: 'Introduction',
    path: 'introduction'
  },

  {
    name: 'Installation / Upgrade notes',
    path: 'installation'
  },

  {
    name: 'Command list',
    path: 'command-list'
  },

  {
    name: 'App Icons List',
    path: 'app-icons-list'
  },

  {
    name: 'Profile files',
    path: 'profile-files'
  }
]

const style = [
  {
    name: 'Typography',
    path: 'typography'
  },
  {
    name: 'Color Palette',
    path: 'color-palette'
  },
  {
    name: 'Theme Builder',
    path: 'theme-builder'
  },
  {
    name: 'Dark Mode',
    path: 'dark-mode'
  },
  {
    name: 'Spacing',
    path: 'spacing'
  },
  {
    name: 'Shadows',
    path: 'shadows'
  },
  {
    name: 'Breakpoints',
    path: 'breakpoints'
  },
  {
    name: 'Body classes',
    path: 'body-classes'
  },
  {
    name: 'Visibility',
    path: 'visibility'
  },
  {
    name: 'Positioning',
    path: 'positioning'
  },
  {
    name: 'Sass/SCSS Variables',
    path: 'sass-scss-variables'
  },
  {
    name: 'Other Helper Classes',
    path: 'other-helper-classes'
  }
]

const layout = [
  {
    name: 'Flex Grid',
    path: 'grid',
    opened: true,
    children: [
      {
        name: 'Introduction to Flexbox',
        path: 'introduction-to-flexbox'
      },
      {
        name: 'Grid Row',
        path: 'row'
      },
      {
        name: 'Grid Column',
        path: 'column'
      },
      {
        name: 'Grid Gutter',
        path: 'gutter'
      },
      {
        name: 'Flexbox patterns',
        path: 'flexbox-patterns'
      },
      {
        name: 'Flex Playground',
        path: 'flex-playground'
      }
    ]
  },
  {
    name: 'Layout',
    path: 'layout'
  },
  {
    name: 'Routing with Layouts and Pages',
    path: 'routing-with-layouts-and-pages'
  },
  {
    name: 'Layout Header and Footer',
    path: 'header-and-footer'
  },
  {
    name: 'Layout Drawer',
    path: 'drawer'
  },
  {
    name: 'Layout Page',
    path: 'page'
  },
  {
    name: 'Layout Builder',
    external: true,
    path: '/layout-builder'
  },
  {
    name: 'Layout Gallery',
    path: 'gallery'
  },
  {
    name: 'Page Sticky',
    path: 'page-sticky'
  },
  {
    name: 'Page Scroller',
    path: 'page-scroller'
  }
]

const components = [
  {
    name: 'Ajax Bar',
    path: 'ajax-bar'
  },
  {
    name: 'Avatar',
    path: 'avatar'
  },
  {
    name: 'Badge',
    path: 'badge'
  },
  {
    name: 'Banner',
    path: 'banner'
  },
  {
    name: 'Bar',
    path: 'bar'
  },
  {
    name: 'Breadcrumbs',
    path: 'breadcrumbs'
  },
  {
    name: 'Buttons',
    listPath: 'buttons',
    children: [
      {
        name: 'Button',
        path: 'button'
      },
      {
        name: 'Button Group',
        path: 'button-group'
      },
      {
        name: 'Button Dropdown',
        path: 'button-dropdown'
      }
    ]
  },
  {
    name: 'Card',
    path: 'card'
  },
  {
    name: 'Carousel',
    path: 'carousel'
  },
  {
    name: 'Chat Message',
    path: 'chat'
  },
  {
    name: 'Chip',
    path: 'chip'
  },
  {
    name: 'Circular Progress',
    path: 'circular-progress'
  },
  {
    name: 'Color Picker',
    path: 'color-picker'
  },
  {
    name: 'Dialog',
    path: 'dialog'
  },
  {
    name: 'Editor - WYSIWYG',
    path: 'editor'
  },
  {
    name: 'Expansion Item',
    path: 'expansion-item'
  },
  {
    name: 'Floating Action Button',
    path: 'floating-action-button'
  },
  {
    name: 'Form Components',
    opened: true,
    listPath: 'form-components',
    children: [
      {
        name: 'Input Textfield',
        path: 'input'
      },
      {
        name: 'Select',
        path: 'select'
      },
      {
        name: 'File picker',
        path: 'file-picker'
      },
      {
        name: 'Form',
        path: 'form'
      },
      {
        name: 'Field (wrapper)',
        path: 'field'
      },
      {
        name: 'Radio',
        path: 'radio'
      },
      {
        name: 'Checkbox',
        path: 'checkbox'
      },
      {
        name: 'Toggle',
        path: 'toggle'
      },
      {
        name: 'Button Toggle',
        path: 'button-toggle'
      },
      {
        name: 'Option Group',
        path: 'option-group'
      },
      {
        name: 'Slider',
        path: 'slider'
      },
      {
        name: 'Range',
        path: 'range'
      },
      {
        name: 'Time Picker',
        path: 'time'
      },
      {
        name: 'Date Picker',
        path: 'date'
      }
    ]
  },
  {
    name: 'Icon',
    path: 'icon'
  },
  {
    name: 'Img',
    path: 'img'
  },
  {
    name: 'Infinite Scroll',
    path: 'infinite-scroll'
  },
  {
    name: 'Inner Loading',
    path: 'inner-loading'
  },
  {
    name: 'Intersection',
    path: 'intersection'
  },
  {
    name: 'Knob',
    path: 'knob'
  },
  {
    name: 'Linear Progress',
    path: 'linear-progress'
  },
  {
    name: 'List & List Items',
    path: 'list-and-list-items'
  },
  {
    name: 'Markup Table',
    path: 'markup-table'
  },
  {
    name: 'Menu',
    path: 'menu'
  },
  {
    name: 'No SSR',
    path: 'no-ssr'
  },
  {
    name: 'Observers',
    listPath: 'observers',
    children: [
      {
        name: 'Resize Observer (for Element)',
        path: 'resize-observer'
      },
      {
        name: 'Scroll Observer',
        path: 'scroll-observer'
      }
    ]
  },
  {
    name: 'Pagination',
    path: 'pagination'
  },
  {
    name: 'Parallax',
    path: 'parallax'
  },
  {
    name: 'Popup Edit',
    path: 'popup-edit'
  },
  {
    name: 'Popup Proxy',
    path: 'popup-proxy'
  },
  {
    name: 'Pull to refresh',
    path: 'pull-to-refresh'
  },
  {
    name: 'Rating',
    path: 'rating'
  },
  {
    name: 'Responsive',
    path: 'responsive'
  },
  {
    name: 'Scroll Area',
    path: 'scroll-area'
  },
  {
    name: 'Separator',
    path: 'separator'
  },
  {
    name: 'Skeleton',
    path: 'skeleton'
  },
  {
    name: 'Slide Item',
    path: 'slide-item'
  },
  {
    name: 'Slide Transition',
    path: 'slide-transition'
  },
  {
    name: 'Space',
    path: 'space'
  },
  {
    name: 'Spinners',
    path: 'spinners'
  },
  {
    name: 'Splitter',
    path: 'splitter'
  },
  {
    name: 'Stepper',
    path: 'stepper'
  },
  {
    name: 'Table',
    path: 'table'
  },
  {
    name: 'Tabs',
    path: 'tabs'
  },
  {
    name: 'Tab Panels',
    path: 'tab-panels'
  },
  {
    name: 'Timeline',
    path: 'timeline'
  },
  {
    name: 'Toolbar',
    path: 'toolbar'
  },
  {
    name: 'Tooltip',
    path: 'tooltip'
  },
  {
    name: 'Tree',
    path: 'tree'
  },
  {
    name: 'Uploader',
    path: 'uploader'
  },
  {
    name: 'Video',
    path: 'video'
  },
  {
    name: 'Virtual Scroll',
    path: 'virtual-scroll'
  }
]

const directives = [
  {
    name: 'Close Popup',
    path: 'close-popup'
  },
  {
    name: 'Intersection',
    path: 'intersection'
  },
  {
    name: 'Material Ripples',
    path: 'material-ripple'
  },
  {
    name: 'Mutation',
    path: 'mutation'
  },
  {
    name: 'Morph',
    path: 'morph'
  },
  {
    name: 'Scroll',
    path: 'scroll'
  },
  {
    name: 'Scroll Fire',
    path: 'scroll-fire'
  },
  {
    name: 'Touch Hold',
    path: 'touch-hold'
  },
  {
    name: 'Touch Pan',
    path: 'touch-pan'
  },
  {
    name: 'Touch Repeat',
    path: 'touch-repeat'
  },
  {
    name: 'Touch Swipe',
    path: 'touch-swipe'
  }
]

const plugins = [
  {
    name: 'Addressbar Color',
    path: 'addressbar-color'
  },
  {
    name: 'App Fullscreen',
    path: 'app-fullscreen'
  },
  {
    name: 'App Visibility',
    path: 'app-visibility'
  },
  {
    name: 'Bottom Sheet',
    path: 'bottom-sheet'
  },
  {
    name: 'Cookies',
    path: 'cookies'
  },
  {
    name: 'Dark',
    path: 'dark'
  },
  {
    name: 'Dialog',
    path: 'dialog'
  },
  {
    name: 'Loading',
    path: 'loading'
  },
  {
    name: 'Loading Bar',
    path: 'loading-bar'
  },
  {
    name: 'Local/Session Storage',
    path: 'web-storage'
  },
  {
    name: 'Meta',
    path: 'meta'
  },
  {
    name: 'Notify',
    path: 'notify'
  }
]

const composables = [
  {
    name: 'useQuasar',
    path: 'use-quasar'
  },
  {
    name: 'useDialogPluginComponent',
    path: 'use-dialog-plugin-component'
  },
  {
    name: 'useFormChild',
    path: 'use-form-child'
  },
  {
    name: 'useMeta',
    path: 'use-meta'
  }
]

const appExtensions = [
  {
    name: 'Introduction',
    path: 'introduction'
  },
  {
    name: 'Discover App Extensions',
    path: 'discover'
  },
  {
    name: 'Development Guide',
    path: 'development-guide',
    opened: true,
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Prompts API',
        path: 'prompts-api'
      },
      {
        name: 'Install API',
        path: 'install-api'
      },
      {
        name: 'Index API',
        path: 'index-api'
      },
      {
        name: 'Uninstall API',
        path: 'uninstall-api'
      }
    ]
  },
  {
    name: 'Tips and Tricks',
    path: 'tips-and-tricks',
    opened: true,
    children: [
      {
        name: 'Introduction',
        path: 'introduction'
      },
      {
        name: 'Provide a UI component',
        path: 'provide-a-ui-component'
      },
      {
        name: 'Provide a directive',
        path: 'provide-a-directive'
      },
      {
        name: 'Inject Quasar Plugin',
        path: 'inject-quasar-plugin'
      },
      {
        name: 'Starter kit equivalent',
        path: 'starter-kit-equivalent'
      },
      {
        name: 'Chain Webpack',
        path: 'chain-webpack'
      }
    ]
  }
]

const utils = [
  {
    name: 'Date Utils',
    path: 'date-utils'
  },
  {
    name: 'Color Utils',
    path: 'color-utils'
  },
  {
    name: 'DOM Utils',
    path: 'dom-utils'
  },
  {
    name: 'Morph Utils',
    path: 'morph-utils'
  },
  {
    name: 'Formatter Utils',
    path: 'formatter-utils'
  },
  {
    name: 'Scrolling Utils',
    path: 'scrolling-utils'
  },
  {
    name: 'Other Utils',
    path: 'other-utils'
  }
]

module.exports = [
  {
    name: 'Why Quasar?',
    icon: 'room',
    path: 'introduction-to-quasar'
  },
  {
    name: 'Sponsors and Backers',
    icon: 'favorite',
    path: 'sponsors-and-backers'
  },
  {
    name: 'Why Donations Are Important',
    icon: 'assignment_late',
    path: 'why-donate'
  },
  {
    name: 'API Explorer',
    icon: 'travel_explore',
    path: 'api-explorer'
  },
  {
    name: 'Video Tutorials',
    icon: 'ondemand_video',
    path: 'video-tutorials'
  },
  {
    name: 'Meet the Team',
    icon: 'people',
    path: 'meet-the-team'
  },
  {
    name: 'Getting Started',
    icon: 'flight_takeoff',
    path: 'start',
    children: gettingStarted
  },
  {
    name: 'Contribution Guide',
    icon: 'code',
    path: 'contribution-guide',
    children: contributionGuide
  },
  {
    name: 'Options & Helpers',
    icon: 'tune',
    path: 'options',
    children: options
  },
  {
    name: 'Style & Identity',
    icon: 'style',
    path: 'style',
    children: style
  },
  {
    name: 'Layout and Grid',
    icon: 'view_quilt',
    path: 'layout',
    children: layout
  },
  {
    name: 'Vue Components',
    icon: 'widgets',
    path: 'vue-components',
    children: components
  },
  {
    name: 'Vue Directives',
    icon: 'swap_calls',
    path: 'vue-directives',
    children: directives
  },
  {
    name: 'Quasar Plugins',
    icon: 'extension',
    path: 'quasar-plugins',
    children: plugins
  },
  {
    name: 'Vue Composables',
    icon: 'developer_mode',
    path: 'vue-composables',
    children: composables
  },
  {
    name: 'Security',
    icon: 'security',
    path: 'security',
    children: security
  },
  {
    name: 'Quasar CLI (with Vite)',
    icon: 'build',
    path: 'quasar-cli-vite',
    children: cliVite
  },
  {
    name: 'Quasar CLI (with Webpack)',
    icon: 'build',
    path: 'quasar-cli-webpack',
    children: cliWebpack
  },
  {
    name: 'Icon Genie CLI',
    icon: 'stars',
    path: 'icongenie',
    children: icongenie
  },
  {
    name: 'App Extensions',
    icon: 'note_add',
    path: 'app-extensions',
    children: appExtensions
  },
  {
    name: 'Quasar Utils',
    icon: 'healing',
    path: 'quasar-utils',
    children: utils
  }
]