Skip to content

Commit 75856d0

Browse files
committed
Packages updated
1 parent 925c398 commit 75856d0

File tree

4 files changed

+721
-285
lines changed

4 files changed

+721
-285
lines changed

.DS_Store

0 Bytes
Binary file not shown.

README.md

Lines changed: 19 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,47 @@
1-
# NOTE: Known issues with package managers
2-
The use of **Yarn Berry** should work without any problems (since this is the package manager I used and considered when setting up Nuxt-3-Starter). Using **npm** should work fine as well, if there should be problems with Pinia one can also use `npm i --legacy-peer-deps`.
1+
# Nuxt 3 Starter
2+
This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects! Nuxt 3 is a JavaScript meta framework on Vue 3 [learn more](https://v3.nuxtjs.org/guide/concepts/introduction).
33

4-
There where some issues when using some package managers with nuxt 3 stable, as mentioned in the following threats:
4+
--
5+
## 🚀 How to get startet
6+
1. Clone or download this repo.
7+
2. Run `yarn` or `yarn install`.
8+
3. Run `yarn dev` to run the local dev environment.
59

6-
- https://github.com/nuxt/framework/issues/581
7-
- https://github.com/nuxt/framework/issues/5411
8-
- https://github.com/nuxt/framework/discussions/3546
10+
--
911

10-
Anyways, feel free to try the Package Manager of your choice and let me know if it worked or came with problems.
12+
## 🙌 Used dependencies in this Starter Kit
13+
The Nuxt3 ready to run comes with a few preconfigured packages - these are commonly used frameworks and libraries that can improve the DX - the use is of course optional, packages can be expanded at will, or of course built in.
1114

12-
# Nuxt 3 Starter
13-
This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects! Nuxt 3 is a JavaScript meta framework on Vue 3 [learn more](https://v3.nuxtjs.org/guide/concepts/introduction).
15+
From time to time I am checking for Updates and adjustments (if needed) - if you think thi starter kit is missing something or should do something differently, don't hesitate to let me know. 😊
1416

15-
## Vite
17+
### Vite
1618
Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects.
1719
[learn more](https://vitejs.dev/).
1820

19-
## Vitest
21+
### Vitest
2022
Vitest is a blazing fast unit test framework powered by Vite. Given Jest's massive adoption, Vitest provides a compatible API that allows you to use it as a drop-in replacement in most projects.
2123
[learn more](https://vitest.dev/).
2224

23-
## Vite-SVG-Loader
25+
### Vite-SVG-Loader
2426
Vite plugin to load SVG files as Vue components, using SVGO for optimization.
2527
[learn more](https://github.com/jpkleemans/vite-svg-loader).
2628

27-
## Storybook
29+
### Storybook
2830
Storybook is a tool for UI development. It makes development faster and easier by isolating components. This allows you to work on one component at a time. You can develop entire UIs without needing to start up a complex dev stack, force certain data into your database, or navigate around your application.
2931
[learn more](https://storybook.js.org/docs/vue/get-started/introduction).
3032

31-
## Tailwind CSS
33+
### Tailwind CSS
3234
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file. It's fast, flexible, and reliable — with zero-runtime.
3335
[learn more](https://tailwindcss.com).
3436

35-
## Sass
37+
### Sass
3638
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
3739
[learn more](https://sass-lang.com/).
3840

39-
## Pinia
41+
### 👉 Pinia
4042
Pinia started as an experiment to redesign what a Store for Vue could look like with the Composition API around November 2019. Since then, the initial principles are still the same, but Pinia works for both Vue 2 and Vue 3 and doesn't require you to use the composition API. The API is the same for both except for installation and SSR, and these docs are targeted to Vue 3 with notes about Vue 2 whenever necessary so it can be read by Vue 2 and Vue 3 users!
4143
[learn more](https://pinia.vuejs.org).
4244

43-
## TypeScript
45+
### 👉 TypeScript
4446
TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
4547
[learn more](https://www.typescriptlang.org/).

package.json

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,22 +17,22 @@
1717
"@storybook/addon-a11y": "^6.5.16",
1818
"@storybook/addon-essentials": "^6.5.16",
1919
"@storybook/addon-postcss": "^3.0.0-alpha.1",
20-
"@storybook/builder-vite": "^0.3.0",
20+
"@storybook/builder-vite": "^0.4.0",
2121
"@storybook/vue3": "^6.5.16",
22-
"@vitest/coverage-c8": "^0.28.3",
23-
"@vitest/ui": "^0.28.3",
24-
"nuxt": "^3.1.1",
22+
"@vitest/coverage-c8": "^0.28.4",
23+
"@vitest/ui": "^0.28.4",
24+
"nuxt": "^3.1.2",
2525
"postcss": "^8.4.21",
26-
"sass": "^1.57.1",
26+
"sass": "^1.58.0",
2727
"sass-loader": "^13.2.0",
2828
"storybook-dark-mode": "^2.0.5",
2929
"tailwindcss": "^3.2.4",
3030
"typescript": "^4.9.5",
3131
"vite-svg-loader": "^4.0.0",
32-
"vitest": "^0.28.3"
32+
"vitest": "^0.28.4"
3333
},
3434
"dependencies": {
3535
"@pinia/nuxt": "^0.4.6",
36-
"pinia": "^2.0.29"
36+
"pinia": "^2.0.30"
3737
}
3838
}

0 commit comments

Comments
 (0)