├── .gitignore
├── LICENCE
├── README.md
├── app
├── app.vue
├── components
│ ├── VanillaComponent.vue
│ └── VaporComponent.vue
├── css
│ └── bootstrap.min.css
├── data
│ └── shared.ts
└── plugins
│ └── vapor.client.ts
├── nuxt.config.ts
├── package.json
├── pnpm-lock.yaml
├── public
├── favicon.ico
└── robots.txt
└── tsconfig.json
/.gitignore:
--------------------------------------------------------------------------------
1 | # Nuxt dev/build outputs
2 | .output
3 | .data
4 | .nuxt
5 | .nitro
6 | .cache
7 | dist
8 |
9 | # Node dependencies
10 | node_modules
11 |
12 | # Logs
13 | logs
14 | *.log
15 |
16 | # Misc
17 | .DS_Store
18 | .fleet
19 | .idea
20 |
21 | # Local env files
22 | .env
23 | .env.*
24 | !.env.example
25 |
--------------------------------------------------------------------------------
/LICENCE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2025 Daniel Roe
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Nuxt Vapor Mode Demo
2 |
3 | > Performance comparison between Vue 3.6 Vapor Mode and traditional VDOM rendering
4 |
5 | A demo showcasing Vue's new Vapor Mode compilation with benchmark tests inspired by [js-framework-benchmark](https://github.com/krausest/js-framework-benchmark).
6 |
7 | ## Features
8 |
9 | - Built on [Nuxt](https://nuxt.com/) with Vue 3.6 alpha
10 | - [Vapor Mode](https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.1) components with `
6 |
7 |
8 |