https://github.com/pxls00/simple-sidebar-vue3-ts

vue(3) and vue-router(4) and typescript -- base sidebar config
https://github.com/pxls00/simple-sidebar-vue3-ts

composition-api pinia typescript vite vue-3 vue-router

Last synced: about 2 months ago
JSON representation

vue(3) and vue-router(4) and typescript -- base sidebar config

• Host: GitHub
• URL: https://github.com/pxls00/simple-sidebar-vue3-ts
• Owner: pxls00
• Created: 2023-04-27T16:00:58.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-02T13:28:01.000Z (almost 2 years ago)
• Last Synced: 2025-01-18T01:23:57.867Z (3 months ago)
• Topics: composition-api, pinia, typescript, vite, vue-3, vue-router
• Language: TypeScript
• Homepage:
• Size: 794 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#simple sidebar

Vue-3 + Vue Router + Pinia + Typescript + Vite


@ = '.src/'


# step-1

Create the route you need in the sidebar section '@/constants/sidebar-routes'

# step-2

Before creating routes, it must be added to the routes interface '@/interfaces/routes'

# step-3

After adding it to the Routes interface, you can creat route in routes '@/router'

# step-4

But they must also be added to helper routes for the getRoutePath helper function to work!! '@/helpers/routes'






If you say "why do you need the helper function getRoutePath", it will find routes for you by url and assign it to the router as an object.






# Basic View



You can write your own styles











you can open as many nested routes as you want in, the sidebar will generate them for you internally