File tree Expand file tree Collapse file tree 3 files changed +74
-6
lines changed Expand file tree Collapse file tree 3 files changed +74
-6
lines changed Original file line number Diff line number Diff line change 3
3
<template #title > Installation </template >
4
4
<template #subtitle > Get started in seconds </template >
5
5
<template #notice >
6
- Vue Zephyr is actively being developed, however it is still very early. It
7
- is not recommended to use this in production. Please follow our Twitter
8
- account for updates.
6
+ This project is in early development. There still may be significant
7
+ changes in the future, so please use with caution. Follow us on
8
+ <Anchor
9
+ variant =" primary"
10
+ classAppend =" space-x-1"
11
+ classRemove =" space-x-2"
12
+ href =" https://twitter.com/usezephyr"
13
+ newTab
14
+ >Twitter</Anchor
15
+ >
16
+ for updates.
9
17
</template >
10
18
</DocHeader >
19
+ <div :class =" tw`my-12 space-y-12`" >
20
+ <section >
21
+ <h3 :class =" tw`font-medium text(gray-900 dark:gray-100 3xl)`" >Install</h3 >
22
+ <div :class =" tw`border(t gray-200 dark:gray-800) my-4`" ></div >
23
+ <div :class =" tw`space-y-6`" >
24
+ <p >...</p >
25
+ <div :class =" tw`rounded-lg overflow-hidden`" >
26
+ <Code lang =" bash" :code =" codes.install" />
27
+ </div >
28
+ </div >
29
+ </section >
30
+ </div >
11
31
</template >
12
32
13
33
<script lang="ts">
14
34
import { defineComponent } from " vue" ;
15
35
import DocHeader from " @/views/components/DocHeader.vue" ;
36
+ import Code from " @/views/components/Code.vue" ;
37
+ import { tw } from " twind" ;
16
38
17
39
export default defineComponent ({
18
40
components: {
19
41
DocHeader ,
42
+ Code ,
20
43
},
21
44
setup() {
22
- return {};
45
+ const codes = {
46
+ install: ` npm i @usezephyr/vue-zephyr ` ,
47
+ };
48
+ return { codes , tw };
23
49
},
24
50
});
25
51
</script >
Original file line number Diff line number Diff line change 4
4
<template #subtitle
5
5
>Use Tailwind's typography plugin in component form</template
6
6
>
7
- <template #notice > This page is coming soon. </template >
7
+ <template #notice >
8
+ This component is coming soon. Please keep an eye on our
9
+ <Anchor
10
+ href =" https://github.com/usezephyr/vue-zephyr"
11
+ variant =" primary"
12
+ classAppend =" space-x-1"
13
+ classRemove =" space-x-2"
14
+ newTab
15
+ >
16
+ Github
17
+ </Anchor >
18
+ or follow us on
19
+ <Anchor
20
+ href =" https://twitter.com/usezephyr"
21
+ variant =" primary"
22
+ classAppend =" space-x-1"
23
+ classRemove =" space-x-2"
24
+ newTab
25
+ >
26
+ Twitter </Anchor
27
+ >.
28
+ </template >
8
29
</DocHeader >
9
30
</template >
10
31
Original file line number Diff line number Diff line change 2
2
<DocHeader >
3
3
<template #title >Table</template >
4
4
<template #subtitle > Display data in table format </template >
5
- <template #notice > This page is coming soon. </template >
5
+ <template #notice >
6
+ This component is coming soon. Please keep an eye on our
7
+ <Anchor
8
+ href =" https://github.com/usezephyr/vue-zephyr"
9
+ variant =" primary"
10
+ classAppend =" space-x-1"
11
+ classRemove =" space-x-2"
12
+ newTab
13
+ >
14
+ Github
15
+ </Anchor >
16
+ or follow us on
17
+ <Anchor
18
+ href =" https://twitter.com/usezephyr"
19
+ variant =" primary"
20
+ classAppend =" space-x-1"
21
+ classRemove =" space-x-2"
22
+ newTab
23
+ >
24
+ Twitter </Anchor
25
+ >.
26
+ </template >
6
27
</DocHeader >
7
28
</template >
8
29
You can’t perform that action at this time.
0 commit comments