pyr0ball
7a704441a6
- web/: Vue 3 + Vite + UnoCSS + Pinia, dark tactical theme (amber/#0d1117) - AppNav, ListingCard, SearchView with filters/sort, composables (useSnipeMode, useKonamiCode, useMotion), Pinia search store - Steal shimmer, auction countdown, Snipe Mode easter egg all native in Vue - docker/web/: nginx + multi-stage Dockerfile (node build → nginx serve) - compose.yml: api (8510) + web (8509) services - Dockerfile CMD updated to uvicorn for upcoming FastAPI layer - Clean build: 0 TS errors, 380 modules
106 lines
5.2 KiB
Markdown
106 lines
5.2 KiB
Markdown
# vue-router [](https://npmx.dev/package/vue-router) [](https://github.com/vuejs/router/actions/workflows/test.yml) [](https://codecov.io/gh/vuejs/router)
|
|
|
|
> - This is the repository for Vue Router 4 (for Vue 3)
|
|
> - For Vue Router 3 (for Vue 2) see [vuejs/vue-router](https://github.com/vuejs/vue-router).
|
|
> To see what versions are currently supported, please refer to the [Security Policy](./packages/router/SECURITY.md).
|
|
|
|
<h2 align="center">Supporting Vue Router</h2>
|
|
|
|
Vue Router is part of the Vue Ecosystem and is an MIT-licensed open source project with its ongoing development made possible entirely by the support of Sponsors. If you would like to become a sponsor, please consider:
|
|
|
|
- [Become a Sponsor on GitHub](https://github.com/sponsors/posva)
|
|
- [One-time donation via PayPal](https://paypal.me/posva)
|
|
|
|
<!--sponsors start-->
|
|
|
|
<h4 align="center">Gold Sponsors</h4>
|
|
<p align="center">
|
|
<a href="https://www.coderabbit.ai/?utm_source=vuerouter&utm_medium=sponsor" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://posva-sponsors.pages.dev/logos/coderabbitai-dark.svg" media="(prefers-color-scheme: dark)" height="72px" alt="CodeRabbit" />
|
|
<img src="https://posva-sponsors.pages.dev/logos/coderabbitai-light.svg" height="72px" alt="CodeRabbit" />
|
|
</picture>
|
|
</a>
|
|
</p>
|
|
|
|
<h4 align="center">Silver Sponsors</h4>
|
|
<p align="center">
|
|
<a href="https://www.vuemastery.com/" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://posva-sponsors.pages.dev/logos/vuemastery-dark.png" media="(prefers-color-scheme: dark)" height="42px" alt="VueMastery" />
|
|
<img src="https://posva-sponsors.pages.dev/logos/vuemastery-light.svg" height="42px" alt="VueMastery" />
|
|
</picture>
|
|
</a>
|
|
<a href="https://www.controla.ai/?utm_source=posva" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://posva-sponsors.pages.dev/logos/controla-dark.png" media="(prefers-color-scheme: dark)" height="42px" alt="Controla" />
|
|
<img src="https://posva-sponsors.pages.dev/logos/controla-light.png" height="42px" alt="Controla" />
|
|
</picture>
|
|
</a>
|
|
<a href="https://route4me.com" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://posva-sponsors.pages.dev/logos/route4me.png" media="(prefers-color-scheme: dark)" height="42px" alt="Route Optimizer and Route Planner Software" />
|
|
<img src="https://posva-sponsors.pages.dev/logos/route4me.png" height="42px" alt="Route Optimizer and Route Planner Software" />
|
|
</picture>
|
|
</a>
|
|
<a href="https://jobs.sendcloud.com" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://posva-sponsors.pages.dev/logos/sendcloud-dark.svg" media="(prefers-color-scheme: dark)" height="42px" alt="SendCloud" />
|
|
<img src="https://posva-sponsors.pages.dev/logos/sendcloud-light.svg" height="42px" alt="SendCloud" />
|
|
</picture>
|
|
</a>
|
|
</p>
|
|
|
|
<h4 align="center">Bronze Sponsors</h4>
|
|
<p align="center">
|
|
<a href="https://stormier.ninja" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://avatars.githubusercontent.com/u/2486424" media="(prefers-color-scheme: dark)" height="26px" alt="Stanislas Ormières" />
|
|
<img src="https://avatars.githubusercontent.com/u/2486424" height="26px" alt="Stanislas Ormières" />
|
|
</picture>
|
|
</a>
|
|
<a href="https://www.rtvision.com/" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://avatars.githubusercontent.com/u/8292810" media="(prefers-color-scheme: dark)" height="26px" alt="RTVision" />
|
|
<img src="https://avatars.githubusercontent.com/u/8292810" height="26px" alt="RTVision" />
|
|
</picture>
|
|
</a>
|
|
<a href="https://storyblok.com" target="_blank" rel="noopener noreferrer">
|
|
<picture>
|
|
<source srcset="https://posva-sponsors.pages.dev/logos/storyblok.png" media="(prefers-color-scheme: dark)" height="26px" alt="Storyblok" />
|
|
<img src="https://posva-sponsors.pages.dev/logos/storyblok.png" height="26px" alt="Storyblok" />
|
|
</picture>
|
|
</a>
|
|
</p>
|
|
|
|
<!--sponsors end-->
|
|
|
|
---
|
|
|
|
Get started with the [documentation](https://router.vuejs.org).
|
|
|
|
## Quickstart
|
|
|
|
- Via CDN: `<script src="https://unpkg.com/vue-router@4"></script>`
|
|
- In-browser playground on [CodeSandbox](https://codesandbox.io/s/vue-router-4-reproduction-hb9lh)
|
|
- Add it to an existing Vue Project:
|
|
|
|
```bash
|
|
npm install vue-router@4
|
|
```
|
|
|
|
## Changes from Vue Router 3
|
|
|
|
Please consult the [Migration Guide](https://router.vuejs.org/guide/migration/).
|
|
|
|
## Contributing
|
|
|
|
See [Contributing Guide](https://github.com/vuejs/router/blob/main/.github/contributing.md).
|
|
|
|
## Special Thanks
|
|
|
|
<a href="https://www.browserstack.com">
|
|
<img src="https://github.com/vuejs/vue-router/raw/dev/assets/browserstack-logo-600x315.png" height="80" title="BrowserStack Logo" alt="BrowserStack Logo" />
|
|
</a>
|
|
|
|
Special thanks to [BrowserStack](https://www.browserstack.com) for letting the maintainers use their service to debug browser specific issues.
|