Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aldy505/vue-bleeding-edge

Just your regular Vue bleeding edge web app
https://github.com/aldy505/vue-bleeding-edge

Last synced: 17 days ago
JSON representation

Just your regular Vue bleeding edge web app

Host: GitHub
URL: https://github.com/aldy505/vue-bleeding-edge
Owner: aldy505
License: gpl-3.0
Created: 2021-09-01T13:25:29.000Z (about 3 years ago)
Default Branch: master
Last Pushed: 2021-09-01T14:41:57.000Z (about 3 years ago)
Last Synced: 2024-10-12T16:14:59.039Z (about 1 month ago)
Language: Vue
Size: 103 KB
Stars: 3
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Vue Bleeding Edge

Aiming to simulate Nuxt 3 without using Nuxt.

Stack:

- Module builder: Vite

- Framework: Vue 3

- CSS library: Tailwind CSS 2

- Components library: [Headless UI](https://headlessui.dev/)

- State management: [Pinia](https://pinia.esm.dev/)

- State persistence: [pinia-shared-state](https://github.com/wobsoriano/pinia-shared-state)

- Auto import APIs: [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)

- Auto import components: [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)

- Auto page routing: [vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages)

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.