Skip to content

Commit 19b2669

Browse files
natedunnnatedunn
committed
refactor(routes): add meta data for current pages
1 parent 23860b7 commit 19b2669

File tree

7 files changed

+389
-11
lines changed

7 files changed

+389
-11
lines changed

‎src/views/pages/docs/anchor.vue‎

Lines changed: 54 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -251,5 +251,57 @@ export default defineComponent({
251251
});
252252
</script>
253253

254-
<style scoped>
255-
</style>
254+
<route>
255+
{
256+
"name": "anchor",
257+
"meta": {
258+
"title": "Anchor | Vue Zephyr",
259+
"metaTags": [
260+
{
261+
"property": "og:title",
262+
"content": "Anchor | Vue Zephyr"
263+
},
264+
{
265+
"name": "twitter:title",
266+
"content": "Anchor | Vue Zephyr"
267+
},
268+
{
269+
"name": "description",
270+
"content": "Standard <a> element with accesibility baked in"
271+
},
272+
{
273+
"property": "og:description",
274+
"content": "Standard <a> element with accesibility baked in"
275+
},
276+
{
277+
"property": "twitter:description",
278+
"content": "Standard <a> element with accesibility baked in"
279+
},
280+
{
281+
"property": "og:url",
282+
"content": "https://usezephyr.com/docs/anchor"
283+
},
284+
{
285+
"property": "og:image",
286+
"content": "https://usezephyr.com/cover.png"
287+
},
288+
{
289+
"property": "twitter:image",
290+
"content": "https://usezephyr.com/cover.png"
291+
},
292+
{
293+
"name": "twitter:site",
294+
"content": "@usezephyr"
295+
},
296+
{
297+
"name": "twitter:creator",
298+
"content": "@usezephyr"
299+
},
300+
{
301+
"name": "twitter:card",
302+
"content": "summary_large_image"
303+
}
304+
]
305+
}
306+
}
307+
</route>

‎src/views/pages/docs/button.vue‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -287,3 +287,58 @@ export default defineComponent({
287287
},
288288
});
289289
</script>
290+
291+
<route>
292+
{
293+
"name": "button",
294+
"meta": {
295+
"title": "Button | Vue Zephyr",
296+
"metaTags": [
297+
{
298+
"property": "og:title",
299+
"content": "Button | Vue Zephyr"
300+
},
301+
{
302+
"name": "twitter:title",
303+
"content": "Button | Vue Zephyr"
304+
},
305+
{
306+
"name": "description",
307+
"content": "A basic, all purpose button"
308+
},
309+
{
310+
"property": "og:description",
311+
"content": "A basic, all purpose button"
312+
},
313+
{
314+
"property": "twitter:description",
315+
"content": "A basic, all purpose button"
316+
},
317+
{
318+
"property": "og:url",
319+
"content": "https://usezephyr.com/docs/button"
320+
},
321+
{
322+
"property": "og:image",
323+
"content": "https://usezephyr.com/cover.png"
324+
},
325+
{
326+
"property": "twitter:image",
327+
"content": "https://usezephyr.com/cover.png"
328+
},
329+
{
330+
"name": "twitter:site",
331+
"content": "@usezephyr"
332+
},
333+
{
334+
"name": "twitter:creator",
335+
"content": "@usezephyr"
336+
},
337+
{
338+
"name": "twitter:card",
339+
"content": "summary_large_image"
340+
}
341+
]
342+
}
343+
}
344+
</route>

‎src/views/pages/docs/dropdown.vue‎

Lines changed: 56 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<DocHeader>
33
<template #title>Dropdown</template>
4-
<template #subtitle>An accessible, flexile menu button</template>
4+
<template #subtitle>An accessible &amp; flexible dropdown menu</template>
55
<template #right-side>
66
<div :class="tw`justify-end flex items-start md:mt-2 space-x-2`">
77
<Badge classAppend="bg-yellow-500 text-gray-900">In Progress</Badge>
@@ -523,3 +523,58 @@ export default defineComponent({
523523
},
524524
});
525525
</script>
526+
527+
<route>
528+
{
529+
"name": "dropdown",
530+
"meta": {
531+
"title": "Dropdown | Vue Zephyr",
532+
"metaTags": [
533+
{
534+
"property": "og:title",
535+
"content": "Dropdown | Vue Zephyr"
536+
},
537+
{
538+
"name": "twitter:title",
539+
"content": "Dropdown | Vue Zephyr"
540+
},
541+
{
542+
"name": "description",
543+
"content": "An accessible and flexible dropdown menu"
544+
},
545+
{
546+
"property": "og:description",
547+
"content": "An accessible and flexible dropdown menu"
548+
},
549+
{
550+
"property": "twitter:description",
551+
"content": "An accessible and flexible dropdown menu"
552+
},
553+
{
554+
"property": "og:url",
555+
"content": "https://usezephyr.com/docs/dropdown"
556+
},
557+
{
558+
"property": "og:image",
559+
"content": "https://usezephyr.com/cover.png"
560+
},
561+
{
562+
"property": "twitter:image",
563+
"content": "https://usezephyr.com/cover.png"
564+
},
565+
{
566+
"name": "twitter:site",
567+
"content": "@usezephyr"
568+
},
569+
{
570+
"name": "twitter:creator",
571+
"content": "@usezephyr"
572+
},
573+
{
574+
"name": "twitter:card",
575+
"content": "summary_large_image"
576+
}
577+
]
578+
}
579+
}
580+
</route>

‎src/views/pages/docs/guides.vue‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,3 +52,59 @@ export default defineComponent({
5252
},
5353
});
5454
</script>
55+
56+
<route>
57+
{
58+
"name": "guides",
59+
"meta": {
60+
"title": "Guides (coming soon) | Vue Zephyr",
61+
"metaTags": [
62+
{
63+
"property": "og:title",
64+
"content": "Guides (coming soon) | Vue Zephyr"
65+
},
66+
{
67+
"name": "twitter:title",
68+
"content": "Guides (coming soon) | Vue Zephyr"
69+
},
70+
{
71+
"name": "description",
72+
"content": "Coming soon"
73+
},
74+
{
75+
"property": "og:description",
76+
"content": "Coming soon"
77+
},
78+
{
79+
"property": "twitter:description",
80+
"content": "Coming soon"
81+
},
82+
{
83+
"property": "og:url",
84+
"content": "https://usezephyr.com/docs/dropdown"
85+
},
86+
{
87+
"property": "og:image",
88+
"content": "https://usezephyr.com/cover.png"
89+
},
90+
{
91+
"property": "twitter:image",
92+
"content": "https://usezephyr.com/cover.png"
93+
},
94+
{
95+
"name": "twitter:site",
96+
"content": "@usezephyr"
97+
},
98+
{
99+
"name": "twitter:creator",
100+
"content": "@usezephyr"
101+
},
102+
{
103+
"name": "twitter:card",
104+
"content": "summary_large_image"
105+
}
106+
]
107+
}
108+
}
109+
</route>
110+

‎src/views/pages/docs/prose.vue‎

Lines changed: 57 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<DocHeader>
33
<template #title>Prose</template>
4-
<template #subtitle
5-
>Use Tailwind's typography plugin in component form</template
6-
>
4+
<template #subtitle>
5+
Access Tailwind's typography plugin as a component
6+
</template>
77
<template #notice>
88
This component is coming soon. Please keep an eye on our
99
<Anchor
@@ -43,5 +43,57 @@ export default defineComponent({
4343
});
4444
</script>
4545

46-
<style scoped>
47-
</style>
46+
<route>
47+
{
48+
"name": "prose",
49+
"meta": {
50+
"title": "Prose | Vue Zephyr",
51+
"metaTags": [
52+
{
53+
"property": "og:title",
54+
"content": "Prose | Vue Zephyr"
55+
},
56+
{
57+
"name": "twitter:title",
58+
"content": "Prose | Vue Zephyr"
59+
},
60+
{
61+
"name": "description",
62+
"content": "Access Tailwind's typography plugin as a component"
63+
},
64+
{
65+
"property": "og:description",
66+
"content": "Access Tailwind's typography plugin as a component"
67+
},
68+
{
69+
"property": "twitter:description",
70+
"content": "Access Tailwind's typography plugin as a component"
71+
},
72+
{
73+
"property": "og:url",
74+
"content": "https://usezephyr.com/docs/prose"
75+
},
76+
{
77+
"property": "og:image",
78+
"content": "https://usezephyr.com/cover.png"
79+
},
80+
{
81+
"property": "twitter:image",
82+
"content": "https://usezephyr.com/cover.png"
83+
},
84+
{
85+
"name": "twitter:site",
86+
"content": "@usezephyr"
87+
},
88+
{
89+
"name": "twitter:creator",
90+
"content": "@usezephyr"
91+
},
92+
{
93+
"name": "twitter:card",
94+
"content": "summary_large_image"
95+
}
96+
]
97+
}
98+
}
99+
</route>

‎src/views/pages/docs/table.vue‎

Lines changed: 55 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<DocHeader>
33
<template #title>Table</template>
4-
<template #subtitle> Display data in table format </template>
4+
<template #subtitle>Easily display data in table format</template>
55
<template #notice>
66
This component is coming soon. Please keep an eye on our
77
<Anchor
@@ -41,5 +41,57 @@ export default defineComponent({
4141
});
4242
</script>
4343

44-
<style scoped>
45-
</style>
44+
<route>
45+
{
46+
"name": "table",
47+
"meta": {
48+
"title": "Table | Vue Zephyr",
49+
"metaTags": [
50+
{
51+
"property": "og:title",
52+
"content": "Table | Vue Zephyr"
53+
},
54+
{
55+
"name": "twitter:title",
56+
"content": "Table | Vue Zephyr"
57+
},
58+
{
59+
"name": "description",
60+
"content": "Easily display data in table format"
61+
},
62+
{
63+
"property": "og:description",
64+
"content": "Easily display data in table format"
65+
},
66+
{
67+
"property": "twitter:description",
68+
"content": "Easily display data in table format"
69+
},
70+
{
71+
"property": "og:url",
72+
"content": "https://usezephyr.com/docs/table"
73+
},
74+
{
75+
"property": "og:image",
76+
"content": "https://usezephyr.com/cover.png"
77+
},
78+
{
79+
"property": "twitter:image",
80+
"content": "https://usezephyr.com/cover.png"
81+
},
82+
{
83+
"name": "twitter:site",
84+
"content": "@usezephyr"
85+
},
86+
{
87+
"name": "twitter:creator",
88+
"content": "@usezephyr"
89+
},
90+
{
91+
"name": "twitter:card",
92+
"content": "summary_large_image"
93+
}
94+
]
95+
}
96+
}
97+
</route>

0 commit comments

Comments
 (0)