Skip to content

Commit ca32a3f

Browse files
jdwilkin4temitopeadesojijesus4497ihardz
authored
feat: Adding the Nuxt3, Pinia and Vuetify starter kit (#1232)
* Create project scaffolding (#481) * Create project scaffolding - install Nuxt3 with TypeScript - Install and Setup Tailwind - Install and Setup Pinia * removed rule * switch tailwind to vuetify * updated git ignore * add components and vuetify theme color * fix linting * added vitest tests * added storybook * chore: fix configs * feat(wip): add storybook config * chore: fix npm * feat: add vuetify icon and packagejson config * feat: update nuxt logo * chore: remove storybook config * fix: feedback comments * feat: nuxt 3 icon * feat: add start script * fix: api example * fix: stub fetch component --------- Co-authored-by: jesus padron <jesuspadron4497@gmail.com> * [nuxt3-pinia-vuetify]: fix broken tests for counter example (#1217) * fix: broken tests for counter example * fix: pinning down dependencies * Feat: Fetch api example (#1226) * feat: fetch example logic * fix: testing and files scripts order * fix: removing duplicate express icon (#1231) * [Nuxt 3 - Pinia - Vuetify] Feat: Update README (#1229) * feat: add readme file * fix: typo * fix: feedback * fix: typos * [Nuxt 3 - Pinia - Vuetify] Fix: sanity check (#1234) * fix: sanity check * fix: feedback * Feat: add kit to cli (#1237) * feat: add kit to cli * feat: add kit to cli * refactor: applying code review changes * refactor: removing disabled attribute * Update starters/nuxt3-pinia-vuetify/.nvmrc Co-authored-by: Ihar Dziamidau <31627738+ihardz@users.noreply.github.com> * Update starters/nuxt3-pinia-vuetify/package.json Co-authored-by: Ihar Dziamidau <31627738+ihardz@users.noreply.github.com> * Update starters/nuxt3-pinia-vuetify/components/FetchExample/FetchExample.vue Co-authored-by: Ihar Dziamidau <31627738+ihardz@users.noreply.github.com> * refactor: removing optional text from fetch * refactor: updating nuxt config * chore: pinning package.json vue version * fix: feedback from ihrar --------- Co-authored-by: Temitope Adesoji <temitopeadesoji23@gmail.com> Co-authored-by: jesus padron <jesuspadron4497@gmail.com> Co-authored-by: Ihar Dziamidau <31627738+ihardz@users.noreply.github.com>
1 parent 2094774 commit ca32a3f

File tree

26 files changed

+582
-0
lines changed

26 files changed

+582
-0
lines changed

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,3 +41,6 @@ yarn-error.log*
4141
.env.production.local
4242

4343
dist/
44+
45+
# nuxt
46+
.nuxt/

‎packages/website/src/config.tsx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,8 @@ import {
4848
ZustandIcon,
4949
PrismaIcon,
5050
ContentfulIcon,
51+
VuetifyIcon,
52+
Nuxt3Icon,
5153
XstateIcon,
5254
CssIcon,
5355
} from './icons';
@@ -137,6 +139,12 @@ export const TECHNOLOGIES = [
137139
tags: ['Framework'],
138140
Icon: (props) => <NuxtIcon {...props} />,
139141
},
142+
{
143+
key: 'nuxt 3',
144+
name: 'NuxtJS 3',
145+
tags: ['Framework'],
146+
Icon: (props) => <Nuxt3Icon {...props} />,
147+
},
140148
{
141149
key: 'nuxt',
142150
name: 'NuxtJS',
@@ -389,6 +397,12 @@ export const TECHNOLOGIES = [
389397
tags: ['Data Management'],
390398
Icon: (props) => <PrismaIcon {...props} />,
391399
},
400+
{
401+
key: 'vuetify',
402+
name: 'Vuetify',
403+
tags: ['Styling'],
404+
Icon: (props) => <VuetifyIcon {...props} />,
405+
},
392406
{
393407
key: 'xstate',
394408
name: 'XState',

‎packages/website/src/icons/Nuxt3Icon.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { Props } from './types';
2+
3+
export function Nuxt3Icon({ size = 48, className }: Props) {
4+
return (
5+
<svg
6+
width={size}
7+
height={size}
8+
viewBox="0 0 900 900"
9+
fill="none"
10+
xmlns="http://www.w3.org/2000/svg"
11+
className={className}
12+
>
13+
<path
14+
d="M504.908 750H839.476C850.103 750.001 860.542 747.229 869.745 741.963C878.948 736.696 886.589 729.121 891.9 719.999C897.211 710.876 900.005 700.529 900 689.997C899.995 679.465 897.193 669.12 891.873 660.002L667.187 274.289C661.876 265.169 654.237 257.595 645.036 252.329C635.835 247.064 625.398 244.291 614.773 244.291C604.149 244.291 593.711 247.064 584.511 252.329C575.31 257.595 567.67 265.169 562.36 274.289L504.908 372.979L392.581 179.993C387.266 170.874 379.623 163.301 370.42 158.036C361.216 152.772 350.777 150 340.151 150C329.525 150 319.086 152.772 309.883 158.036C300.679 163.301 293.036 170.874 287.721 179.993L8.12649 660.002C2.80743 669.12 0.00462935 679.465 5.72978e-06 689.997C-0.00461789 700.529 2.78909 710.876 8.10015 719.999C13.4112 729.121 21.0523 736.696 30.255 741.963C39.4576 747.229 49.8973 750.001 60.524 750H270.538C353.748 750 415.112 713.775 457.336 643.101L559.849 467.145L614.757 372.979L779.547 655.834H559.849L504.908 750ZM267.114 655.737L120.551 655.704L340.249 278.586L449.87 467.145L376.474 593.175C348.433 639.03 316.577 655.737 267.114 655.737Z"
15+
fill="#00DC82"
16+
/>
17+
</svg>
18+
);
19+
}

‎packages/website/src/icons/VuetifyIcon.tsx‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import { Props } from './types';
2+
3+
export function VuetifyIcon({ size = 48, className }: Props) {
4+
return (
5+
<svg
6+
width={size}
7+
height={size}
8+
viewBox="0 0 432 384"
9+
fill="none"
10+
xmlns="http://www.w3.org/2000/svg"
11+
className={className}
12+
>
13+
<path
14+
d="M219.897 103.248L146.523 230.363L216 350.772L308.021 191.386L400 32H261.005L219.897 103.248Z"
15+
fill="#1697F6"
16+
/>
17+
<path
18+
d="M124.021 191.386L128.84 199.768L197.478 80.8258L225.68 32H216H32L124.021 191.386Z"
19+
fill="#AEDDFF"
20+
/>
21+
<path
22+
d="M261.005 32C295.785 146.458 216 350.772 216 350.772L146.523 230.363L261.005 32Z"
23+
fill="#1867C0"
24+
/>
25+
<path
26+
d="M225.68 32C79.1426 32 128.84 199.768 128.84 199.768L225.68 32Z"
27+
fill="#7BC6FF"
28+
/>
29+
</svg>
30+
);
31+
}

‎packages/website/src/icons/index.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,5 +50,7 @@ export { ExpoIcon } from './ExpoIcon';
5050
export { ZustandIcon } from './ZustandIcon';
5151
export { PrismaIcon } from './PrismaIcon';
5252
export { ContentfulIcon } from './Contentful';
53+
export { VuetifyIcon } from './VuetifyIcon';
54+
export { Nuxt3Icon } from './Nuxt3Icon';
5355
export { XstateIcon } from './XstateIcon';
5456
export { CssIcon } from './CssIcon';

‎starter-kits.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
"next12-chakra-ui": "NextJS 12 and Chakra UI",
1010
"next12-react-query-tailwind": "NextJS 12, React Query, and TailwindCSS",
1111
"nuxt2-pinia-tailwind": "Nuxt 2, Pinia and TailwindCSS",
12+
"nuxt3-pinia-vuetify": "Nuxt 3, Pinia and Vuetify",
1213
"qwik-graphql-tailwind": "Qwik, GraphQL, and TailwindCSS",
1314
"remix-gql-tailwind": "Remix, GQL and TailwindCSS",
1415
"serverless-framework-apollo-contentful": "Serverless Framework, Apollo Server, and Contentful CMS",

‎starters/nuxt3-pinia-vuetify/.editorconfig‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
# Editor configuration, see https://editorconfig.org
2+
root = true
3+
4+
[*]
5+
charset = utf-8
6+
indent_style = tab
7+
indent_size = 2
8+
insert_final_newline = true
9+
trim_trailing_whitespace = true
10+
end_of_line = lf
11+
12+
[*.{js,jsx}]
13+
quote_type = single
14+
15+
[*.md]
16+
max_line_length = off
17+
trim_trailing_whitespace = false

‎starters/nuxt3-pinia-vuetify/.eslintignore‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
/coverage/
2+
storybook-static/
3+
jest.config.js
4+
babel.config.js
5+
jest.setup.js
6+
__tests__
7+
/node_modules/

‎starters/nuxt3-pinia-vuetify/.eslintrc.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"root": true,
3+
"parser": "vue-eslint-parser",
4+
"extends": [
5+
"eslint:recommended",
6+
"plugin:vue/essential",
7+
"plugin:vue/vue3-recommended",
8+
"plugin:@typescript-eslint/recommended",
9+
"@nuxtjs/eslint-config-typescript",
10+
"prettier"
11+
],
12+
"plugins": [],
13+
// add your custom rules here
14+
"rules": {}
15+
}

‎starters/nuxt3-pinia-vuetify/.gitignore‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
node_modules
2+
*.log*
3+
.nuxt
4+
.nitro
5+
.cache
6+
.output
7+
.env
8+
dist
9+
.DS_Store
10+
.vscode

0 commit comments

Comments
 (0)