Cooking recipes app
That is a cooking recipes app in which you can add new recipes, edit your recipes or delete them. Your recipes are stored in the local storage. I used Vue, Vite, Pinia and TypeScript to build this app.
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
Type Support for
.vue Imports in TS
TypeScript cannot handle type information for
.vue imports by default, so we replace the
tsc CLI with
vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of
If the standalone TypeScript plugin doesn’t feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
Extensions: Show Built-in Extensionsfrom VSCode’s command palette
- Reload the VSCode window by running
Developer: Reload Windowfrom the command palette.
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Lint with ESLint
npm run lint