Skip to content

Commit 0259e4a

Browse files
Merge pull request #7 from webdevnerdstuff/dev
Dev
2 parents c091057 + 4594332 commit 0259e4a

File tree

4 files changed

+51
-14
lines changed

4 files changed

+51
-14
lines changed

README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919

2020
## Description
2121

22-
Vuetify Stepper Form builder for Vuetify (v3).
22+
The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps.
2323

2424
## Documentation
2525

@@ -29,6 +29,7 @@ Vuetify Stepper Form builder for Vuetify (v3).
2929

3030
[Vuetify v3](https://vuetifyjs.com/)
3131
[Vue 3](https://vuejs.org/)
32+
[VeeValidate](https://vee-validate.logaretm.com/v4/)
3233

3334

3435
## Change Log

index.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,17 @@
33

44
<head>
55
<!-- Google tag (gtag.js) -->
6-
<!-- <script
6+
<script
77
async
8-
src="https://www.googletagmanager.com/gtag/js?id=G-##########');"
8+
src="https://www.googletagmanager.com/gtag/js?id=G-6R79SZ0GHV"
99
></script>
1010
<script>
11-
window.dataLayer=window.dataLayer||[];
12-
function gtag() {dataLayer.push(arguments);}
13-
gtag('js',new Date());
11+
window.dataLayer = window.dataLayer || [];
12+
function gtag() { dataLayer.push(arguments); }
13+
gtag('js', new Date());
1414

15-
gtag('config','G-##########');
16-
</script> -->
15+
gtag('config', 'G-6R79SZ0GHV');
16+
</script>
1717

1818
<meta charset="UTF-8" />
1919
<link
@@ -29,11 +29,11 @@
2929

3030
<meta
3131
name="description"
32-
content="Vuetify Stepper Form"
32+
content="The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps."
3333
/>
3434
<meta
3535
name="keywords"
36-
content="vuetify-stepper-form, vuetify, vue, vue3, component, javascript, typescript, webdevnerdstuff, wdns"
36+
content="vuetify-stepper-form, vuetify, vue, vue3, form, form builder, stepper, vee-validate, yup, zod, component, plugin, javascript, typescript, webdevnerdstuff, wdns"
3737
/>
3838
<meta
3939
name="author"

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "vuetify-stepper-form",
33
"version": "1.0.0-beta1",
4-
"description": "Vuetify Stepper Form",
4+
"description": "The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps.",
55
"private": false,
66
"publishConfig": {
77
"access": "public"
@@ -61,6 +61,7 @@
6161
"stepper",
6262
"vee-validate",
6363
"yup",
64+
"zod",
6465
"component",
6566
"plugin",
6667
"javascript",

playground/index.html

Lines changed: 38 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,49 @@
33

44
<head>
55
<meta charset="UTF-8" />
6-
<link rel="icon" type="image/svg+xml" href="/vuetify-logo.svg" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link
7+
rel="icon"
8+
type="image/svg+xml"
9+
href="/vuetify-logo.svg"
10+
/>
11+
<meta
12+
name="viewport"
13+
content="width=device-width, initial-scale=1.0"
14+
/>
815
<title>Vuetify Stepper Form Playground</title>
16+
17+
<meta
18+
name="description"
19+
content="The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps."
20+
/>
21+
<meta
22+
name="keywords"
23+
content="vuetify-stepper-form, vuetify, vue, vue3, form, form builder, stepper, vee-validate, yup, zod, component, plugin, javascript, typescript, webdevnerdstuff, wdns"
24+
/>
25+
<meta
26+
name="author"
27+
content="WebDevNerdStuff & Bunnies... lots and lots of bunnies!"
28+
/>
29+
<meta
30+
name="robots"
31+
content="index, follow"
32+
/>
33+
<meta
34+
name="googlebot"
35+
content="index, follow"
36+
/>
37+
<meta
38+
name="theme-color"
39+
content="#0d47a1"
40+
/>
941
</head>
1042

1143
<body>
1244
<div id="app"></div>
13-
<script type="module" src="../src/playground/configs/playground.ts"></script>
45+
<script
46+
type="module"
47+
src="../src/playground/configs/playground.ts"
48+
></script>
1449
</body>
1550

1651
</html>

0 commit comments

Comments
 (0)