This is an example app for comparing popular frontend frameworks. You can find the same app implemented in React, Angular, Vaadin Fusion, and Vaadin Flow. The projects can be run in the browser with the GitPod button below.
- Node
npm install
npm run dev
This app is built using the Vue 3 + Typescript + Vite template. The template uses Vue 3 <script setup>
SFCs, check out the script setup docs to learn more.
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.