Skip to content

Commit c5d1688

Browse files
webdevnerdstuffwebdevnerdstuff
authored
Merge pull request #4 from webdevnerdstuff/dev
Dev
2 parents d31963a + ccc39d6 commit c5d1688

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+2732
-1119
lines changed

‎index.html

Lines changed: 22 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,25 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Vite + Vue + TS</title>
8-
</head>
9-
<body>
10-
<div id="app"></div>
11-
<script type="module" src="/src/main.ts"></script>
12-
</body>
3+
4+
<head>
5+
<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" />
8+
<title>Vuetify Inline Fields</title>
9+
10+
<meta name="description"
11+
content="" />
12+
<meta name="keywords"
13+
content="" />
14+
<meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies!" />
15+
<meta name="robots" content="index, follow" />
16+
<meta name="googlebot" content="index, follow" />
17+
<meta name="theme-color" content="#0d47a1" />
18+
</head>
19+
20+
<body>
21+
<div id="app"></div>
22+
<script type="module" src="/src/main.ts"></script>
23+
</body>
24+
1325
</html>

‎src/App.vue

Lines changed: 145 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<v-main class="main-container pb-10">
1818
<v-responsive>
1919
<v-container class="px-10">
20-
<DocsComponent />
20+
<DocsPage />
2121
</v-container>
2222
</v-responsive>
2323
</v-main>
@@ -26,22 +26,162 @@
2626

2727
<script setup>
2828
import { provide, ref } from 'vue';
29-
import AppBar from './layout/AppBar.vue';
30-
import MenuComponent from './components/MenuComponent.vue';
31-
import DocsComponent from './components/DocsComponent.vue';
29+
import AppBar from './documentation/layout/AppBar.vue';
30+
import MenuComponent from './documentation/components/MenuComponent.vue';
31+
import DocsPage from './documentation/DocsPage.vue';
3232
import { useCoreStore } from './stores/index';
3333
34-
3534
const store = useCoreStore();
35+
3636
const drawer = ref(true);
3737
const drawerOptions = ref({
3838
absolute: false,
3939
color: '',
4040
elevation: 10,
4141
});
42+
const links = store.links;
43+
44+
const menuItems = reactive([
45+
{
46+
href: '#home',
47+
icon: 'mdi:mdi-home',
48+
title: 'Home',
49+
},
50+
{
51+
href: '#installation',
52+
icon: 'mdi:mdi-plus-thick',
53+
title: 'Installation',
54+
},
55+
{
56+
href: '#description',
57+
icon: 'mdi:mdi-information-outline',
58+
title: 'Description',
59+
},
60+
{
61+
href: '#props',
62+
icon: 'mdi:mdi-cog',
63+
items: [
64+
{
65+
href: '#props',
66+
icon: 'mdi:mdi-checkbox-outline',
67+
key: 'shared-props',
68+
title: 'Props',
69+
},
70+
{
71+
href: '#props-shared',
72+
icon: 'mdi:mdi-checkbox-outline',
73+
key: 'shared-props',
74+
title: 'Shared Props',
75+
},
76+
],
77+
title: 'Props',
78+
},
79+
{
80+
href: '#components',
81+
icon: 'mdi:mdi-cog',
82+
items: [
83+
{
84+
icon: 'mdi:mdi-github',
85+
key: 'vuetify-github',
86+
link: links.vuetifyGithub,
87+
title: 'Github',
88+
},
89+
{
90+
key: 'vuetify',
91+
link: `${links.vuetify}en/components/all/`,
92+
title: 'Components',
93+
},
94+
{
95+
href: '#components-props',
96+
icon: 'mdi:mdi-checkbox-outline',
97+
key: 'shared-props',
98+
title: 'Props',
99+
},
100+
{
101+
href: '#components-shared-props',
102+
icon: 'mdi:mdi-checkbox-outline',
103+
key: 'shared-props',
104+
title: 'Shared Props',
105+
},
106+
{
107+
href: '#components-v-inline-checkbox',
108+
icon: 'mdi:mdi-checkbox-outline',
109+
key: 'v-checkbox',
110+
link: `${links.vuetify}en/api/v-checkbox/`,
111+
title: 'VCheckbox',
112+
},
113+
{
114+
href: '#components-v-inline-select',
115+
icon: 'mdi:mdi-format-list-bulleted',
116+
key: 'v-select',
117+
link: `${links.vuetify}en/api/v-select/`,
118+
title: 'VSelect',
119+
},
120+
{
121+
href: '#components-v-inline-switch',
122+
icon: 'mdi:mdi-toggle-switch-off-outline',
123+
key: 'v-switch',
124+
link: `${links.vuetify}en/api/v-switch/`,
125+
title: 'VSwitch',
126+
},
127+
{
128+
href: '#components-v-inline-textarea',
129+
icon: 'mdi:mdi-text-long',
130+
key: 'v-textarea',
131+
link: `${links.vuetify}en/api/v-textarea/`,
132+
title: 'VTextarea',
133+
},
134+
{
135+
href: '#components-v-inline-textfield',
136+
icon: 'mdi:mdi-minus',
137+
key: 'v-text-field',
138+
link: `${links.vuetify}en/api/v-text-field/`,
139+
title: 'VTextField',
140+
},
141+
],
142+
key: 'components',
143+
title: 'Components',
144+
},
145+
{
146+
href: '#events',
147+
icon: 'mdi:mdi-calendar-star',
148+
title: 'Events',
149+
},
150+
{
151+
href: '#slots',
152+
icon: 'mdi:mdi-slot-machine',
153+
title: 'Slots',
154+
},
155+
{
156+
href: '#sass-variables',
157+
icon: 'mdi:mdi-sass',
158+
title: 'SASS Variables',
159+
},
160+
{
161+
href: '#example',
162+
icon: 'mdi:mdi-code-json',
163+
title: 'Example',
164+
},
165+
{
166+
href: '#dependencies',
167+
icon: 'mdi:mdi-asterisk-circle-outline',
168+
title: 'Dependencies',
169+
},
170+
{
171+
href: '#license',
172+
icon: 'mdi:mdi-card-account-details-outline',
173+
title: 'License',
174+
},
175+
{
176+
href: '#legal',
177+
icon: 'mdi:mdi-scale-balance',
178+
title: 'Legal',
179+
},
180+
]);
42181
43182
provide('drawerOptions', drawerOptions);
44183
provide('links', store.links);
184+
provide('menuItems', menuItems);
45185
46186
function toggleDrawer() {
47187
drawer.value = !drawer.value;

‎src/components/MenuComponent.vue

Lines changed: 0 additions & 113 deletions
This file was deleted.

0 commit comments

Comments
 (0)