@nuxtify/pages 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.md +200 -203
  2. package/dist/module.json +1 -1
  3. package/dist/runtime/components/EmailSubscribeForm.vue +68 -68
  4. package/dist/runtime/components/FooterCallToAction.vue +29 -29
  5. package/dist/runtime/components/app/AppAnnouncementBar.vue +23 -23
  6. package/dist/runtime/components/app/AppBar.vue +108 -108
  7. package/dist/runtime/components/app/AppDialog.vue +31 -31
  8. package/dist/runtime/components/app/AppFooter.vue +131 -131
  9. package/dist/runtime/components/app/AppLoading.vue +10 -10
  10. package/dist/runtime/components/app/AppLogo.vue +12 -12
  11. package/dist/runtime/components/app/AppNavigationDrawer.vue +85 -85
  12. package/dist/runtime/components/app/AppToast.vue +9 -9
  13. package/dist/runtime/layouts/DefaultLayout.vue +23 -23
  14. package/dist/runtime/pages/DynamicSlug.vue +14 -14
  15. package/dist/runtime/pages/IndexPage.vue +8 -8
  16. package/dist/runtime/server/tsconfig.json +3 -3
  17. package/package.json +65 -65
package/dist/runtime/components/app/AppAnnouncementBar.vue CHANGED
@@ -8,29 +8,29 @@ const isExternalLink = computed(
8
8
  </script>
9
9
 
10
10
  <template>
11
- <v-system-bar
12
- :height="xs ? 60 : 40"
13
- :order="-100"
14
- color="primary"
15
- class="justify-center text-start"
16
- >
17
- <div
18
- v-if="nuxtifyConfig.announcement?.message"
19
- :class="`${xs ? 'text-subtitle-2' : 'text-subtitle-1'} mr-4`"
20
- >
21
- {{ nuxtifyConfig.announcement.message }}
22
- </div>
23
- <v-btn
11
+ <v-system-bar
12
+ :height="xs ? 60 : 40"
13
+ :order="-100"
14
+ color="primary"
15
+ class="justify-center text-start"
16
+ >
17
+ <div
18
+ v-if="nuxtifyConfig.announcement?.message"
19
+ :class="`${xs ? 'text-subtitle-2' : 'text-subtitle-1'} mr-4`"
20
+ >
21
+ {{ nuxtifyConfig.announcement.message }}
22
+ </div>
23
+ <v-btn
24
24
  v-if="
25
25
  nuxtifyConfig.announcement?.buttonText && nuxtifyConfig.announcement.buttonUrl
26
- "
27
- :to="!isExternalLink ? nuxtifyConfig.announcement.buttonUrl : void 0"
28
- :href="isExternalLink ? nuxtifyConfig.announcement.buttonUrl : void 0"
29
- size="small"
30
- variant="flat"
31
- color="secondary"
32
- >
33
- {{ nuxtifyConfig.announcement.buttonText }}
34
- </v-btn>
35
- </v-system-bar>
26
+ "
27
+ :to="!isExternalLink ? nuxtifyConfig.announcement.buttonUrl : void 0"
28
+ :href="isExternalLink ? nuxtifyConfig.announcement.buttonUrl : void 0"
29
+ size="small"
30
+ variant="flat"
31
+ color="secondary"
32
+ >
33
+ {{ nuxtifyConfig.announcement.buttonText }}
34
+ </v-btn>
35
+ </v-system-bar>
36
36
  </template>
package/dist/runtime/components/app/AppBar.vue CHANGED
@@ -9,114 +9,114 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0];
9
9
  </script>
10
10
 
11
11
  <template>
12
- <v-app-bar
13
- :density="smAndDown ? 'compact' : 'default'"
14
- flat
15
- class="px-sm-2 bottom-border"
16
- >
17
- <template #prepend>
18
- <!-- Logo -->
19
- <NuxtLink
20
- to="/"
21
- class="ml-2"
22
- >
23
- <AppLogo />
24
- </NuxtLink>
25
- </template>
26
-
27
- <!-- Desktop navigation -->
28
- <div v-if="!smAndDown">
29
- <!-- Primary links -->
30
- <v-btn
31
- v-for="link in primaryNavLinks"
32
- :key="link.text"
33
- :to="link.to"
34
- :href="link.href"
35
- :active="false"
36
- :prepend-icon="link.icon"
37
- slim
38
- exact
39
- :ripple="false"
40
- size="large"
41
- color="unset"
42
- :target="link.openInNew ? '_blank' : void 0"
43
- :rel="link.openInNew ? 'noopener nofollow' : void 0"
44
- class="nav-items mx-2"
45
- >
46
- {{ link.text }}
47
- <v-icon
48
- v-if="link.openInNew"
49
- :icon="mdiArrowTopRight"
50
- size="x-small"
51
- color="grey"
52
- class="ml-1"
53
- />
54
- </v-btn>
55
- </div>
56
-
57
- <template #append>
58
- <!-- Mobile navigation -->
59
- <v-app-bar-nav-icon
60
- v-if="smAndDown"
61
- :icon="drawer ? mdiClose : mdiMenu"
62
- color="primary"
63
- aria-label="Navigation Menu"
64
- @click="drawer = !drawer"
65
- />
66
-
67
- <!-- Desktop navigation -->
68
- <nav
69
- v-else
70
- class="d-flex align-center"
71
- >
72
- <!-- Secondary links -->
73
- <v-btn
74
- v-for="link in secondaryNavLinks?.slice(1).reverse()"
75
- :key="link.text"
76
- :to="link.to"
77
- :href="link.href"
78
- :prepend-icon="link.icon"
79
- :active="false"
80
- size="large"
81
- color="unset"
82
- :target="link.openInNew ? '_blank' : void 0"
83
- :rel="link.openInNew ? 'noopener nofollow' : void 0"
84
- class="nav-items mx-2"
85
- >
86
- {{ link.text }}
87
- <v-icon
88
- v-if="link.openInNew"
89
- :icon="mdiArrowTopRight"
90
- size="x-small"
91
- color="grey"
92
- class="ml-1"
93
- />
94
- </v-btn>
95
-
96
- <!-- Featured secondary link -->
97
- <v-btn
98
- v-if="featuredSecondaryLink?.text"
99
- :to="featuredSecondaryLink.to"
100
- :href="featuredSecondaryLink.href"
101
- :prepend-icon="featuredSecondaryLink.icon"
102
- :active="false"
103
- variant="flat"
104
- size="large"
105
- :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
106
- :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
107
- class="mx-2"
108
- >
109
- {{ featuredSecondaryLink.text }}
110
- <v-icon
111
- v-if="featuredSecondaryLink.openInNew"
112
- :icon="mdiArrowTopRight"
113
- size="small"
114
- class="ml-1"
115
- />
116
- </v-btn>
117
- </nav>
118
- </template>
119
- </v-app-bar>
12
+ <v-app-bar
13
+ :density="smAndDown ? 'compact' : 'default'"
14
+ flat
15
+ class="px-sm-2 bottom-border"
16
+ >
17
+ <template #prepend>
18
+ <!-- Logo -->
19
+ <NuxtLink
20
+ to="/"
21
+ class="ml-2"
22
+ >
23
+ <AppLogo />
24
+ </NuxtLink>
25
+ </template>
26
+
27
+ <!-- Desktop navigation -->
28
+ <div v-if="!smAndDown">
29
+ <!-- Primary links -->
30
+ <v-btn
31
+ v-for="link in primaryNavLinks"
32
+ :key="link.text"
33
+ :to="link.to"
34
+ :href="link.href"
35
+ :active="false"
36
+ :prepend-icon="link.icon"
37
+ slim
38
+ exact
39
+ :ripple="false"
40
+ size="large"
41
+ color="unset"
42
+ :target="link.openInNew ? '_blank' : void 0"
43
+ :rel="link.openInNew ? 'noopener nofollow' : void 0"
44
+ class="nav-items mx-2"
45
+ >
46
+ {{ link.text }}
47
+ <v-icon
48
+ v-if="link.openInNew"
49
+ :icon="mdiArrowTopRight"
50
+ size="x-small"
51
+ color="grey"
52
+ class="ml-1"
53
+ />
54
+ </v-btn>
55
+ </div>
56
+
57
+ <template #append>
58
+ <!-- Mobile navigation -->
59
+ <v-app-bar-nav-icon
60
+ v-if="smAndDown"
61
+ :icon="drawer ? mdiClose : mdiMenu"
62
+ color="primary"
63
+ aria-label="Navigation Menu"
64
+ @click="drawer = !drawer"
65
+ />
66
+
67
+ <!-- Desktop navigation -->
68
+ <nav
69
+ v-else
70
+ class="d-flex align-center"
71
+ >
72
+ <!-- Secondary links -->
73
+ <v-btn
74
+ v-for="link in secondaryNavLinks?.slice(1).reverse()"
75
+ :key="link.text"
76
+ :to="link.to"
77
+ :href="link.href"
78
+ :prepend-icon="link.icon"
79
+ :active="false"
80
+ size="large"
81
+ color="unset"
82
+ :target="link.openInNew ? '_blank' : void 0"
83
+ :rel="link.openInNew ? 'noopener nofollow' : void 0"
84
+ class="nav-items mx-2"
85
+ >
86
+ {{ link.text }}
87
+ <v-icon
88
+ v-if="link.openInNew"
89
+ :icon="mdiArrowTopRight"
90
+ size="x-small"
91
+ color="grey"
92
+ class="ml-1"
93
+ />
94
+ </v-btn>
95
+
96
+ <!-- Featured secondary link -->
97
+ <v-btn
98
+ v-if="featuredSecondaryLink?.text"
99
+ :to="featuredSecondaryLink.to"
100
+ :href="featuredSecondaryLink.href"
101
+ :prepend-icon="featuredSecondaryLink.icon"
102
+ :active="false"
103
+ variant="flat"
104
+ size="large"
105
+ :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
106
+ :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
107
+ class="mx-2"
108
+ >
109
+ {{ featuredSecondaryLink.text }}
110
+ <v-icon
111
+ v-if="featuredSecondaryLink.openInNew"
112
+ :icon="mdiArrowTopRight"
113
+ size="small"
114
+ class="ml-1"
115
+ />
116
+ </v-btn>
117
+ </nav>
118
+ </template>
119
+ </v-app-bar>
120
120
  </template>
121
121
 
122
122
  <style scoped>
package/dist/runtime/components/app/AppDialog.vue CHANGED
@@ -4,35 +4,35 @@ const dialog = useDialog();
4
4
  </script>
5
5
 
6
6
  <template>
7
- <v-dialog
8
- v-model="dialog.show"
9
- width="500"
10
- >
11
- <v-card class="pa-2">
12
- <v-card-title>{{ dialog.title }}</v-card-title>
13
-
14
- <v-card-text class="ml-n2">
15
- {{ dialog.message }}
16
- </v-card-text>
17
-
18
- <v-card-actions>
19
- <v-spacer />
20
-
21
- <v-btn
22
- color="grey-darken-1"
23
- @click="dialog.show = false"
24
- >
25
- {{ dialog.closeButtonText }}
26
- </v-btn>
27
-
28
- <v-btn
29
- :color="dialog.action.buttonColor"
30
- variant="flat"
31
- @click="dialog.action.function"
32
- >
33
- {{ dialog.action.buttonText }}
34
- </v-btn>
35
- </v-card-actions>
36
- </v-card>
37
- </v-dialog>
7
+ <v-dialog
8
+ v-model="dialog.show"
9
+ width="500"
10
+ >
11
+ <v-card class="pa-2">
12
+ <v-card-title>{{ dialog.title }}</v-card-title>
13
+
14
+ <v-card-text class="ml-n2">
15
+ {{ dialog.message }}
16
+ </v-card-text>
17
+
18
+ <v-card-actions>
19
+ <v-spacer />
20
+
21
+ <v-btn
22
+ color="grey-darken-1"
23
+ @click="dialog.show = false"
24
+ >
25
+ {{ dialog.closeButtonText }}
26
+ </v-btn>
27
+
28
+ <v-btn
29
+ :color="dialog.action.buttonColor"
30
+ variant="flat"
31
+ @click="dialog.action.function"
32
+ >
33
+ {{ dialog.action.buttonText }}
34
+ </v-btn>
35
+ </v-card-actions>
36
+ </v-card>
37
+ </v-dialog>
38
38
  </template>
package/dist/runtime/components/app/AppFooter.vue CHANGED
@@ -6,137 +6,137 @@ const footerSecondaryLinks = nuxtifyConfig.navigation?.footerSecondary;
6
6
  </script>
7
7
 
8
8
  <template>
9
- <v-row
10
- class="px-sm-1 pt-12 pb-4 mb-1"
11
- style="max-width: 1280px"
12
- >
13
- <v-col cols="12">
14
- <FooterCallToAction v-if="nuxtifyConfig.footer?.cta?.show" />
15
-
16
- <v-row class="mb-2">
17
- <!-- Brand -->
18
- <v-col
19
- cols="12"
20
- :lg="footerPrimaryLinks?.length === 4 ? 3 : 4"
21
- >
22
- <!-- Logo -->
23
- <AppLogo dark />
24
-
25
- <!-- Tagline -->
26
- <p class="mt-2 clip-text">
27
- {{ nuxtifyConfig.brand?.tagline }}
28
- </p>
29
- </v-col>
30
-
31
- <v-spacer />
32
-
33
- <!-- Primary Links -->
34
- <v-col
35
- v-for="group in footerPrimaryLinks"
36
- :key="group.title"
37
- cols="6"
38
- md="3"
39
- lg="2"
40
- >
41
- <p class="text-body-1 font-weight-bold mb-3">
42
- {{ group.title }}
43
- </p>
44
- <div
45
- v-for="link in group.links"
46
- :key="link.text"
47
- >
48
- <v-btn
49
- :to="link.to"
50
- :href="link.href"
51
- variant="text"
52
- :active="false"
53
- :ripple="false"
54
- :target="link.openInNew ? '_blank' : void 0"
55
- :rel="link.openInNew ? 'noopener nofollow' : void 0"
56
- class="px-0"
57
- >
58
- {{ link.text }}
59
- <v-icon
60
- v-if="link.openInNew"
61
- :icon="mdiArrowTopRight"
62
- size="small"
63
- color="grey"
64
- class="ml-1"
65
- />
66
- </v-btn>
67
- </div>
68
- </v-col>
69
- </v-row>
70
-
71
- <v-row>
72
- <v-col
73
- cols="12"
74
- sm="9"
75
- >
76
- <small>
77
- <!-- Copyright -->
78
- ©
79
- {{
80
- nuxtifyConfig.footer?.copyright || nuxtifyConfig.brand?.name || nuxtifyConfig.brand?.domain
81
- }}.
82
-
83
- <!-- Credits -->
84
- {{ nuxtifyConfig.footer?.credits?.prependText }}
85
- <span v-if="nuxtifyConfig.footer?.credits?.creator?.name">
86
- <a
87
- v-if="nuxtifyConfig.footer.credits.creator.domain"
88
- :href="`https://${nuxtifyConfig.footer.credits.creator.domain}/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=createdby`"
89
- target="_blank"
90
- rel="noopener nofollow"
91
- class="font-weight-bold"
92
- >{{ nuxtifyConfig.footer?.credits?.creator?.name }}</a><span v-else>{{ nuxtifyConfig.footer?.credits?.creator?.name }}</span>.
93
- </span>
94
-
95
- <!-- Message -->
96
- {{ nuxtifyConfig.footer?.credits?.appendText }}
97
-
98
- <!-- Powered By -->
99
- <span v-if="nuxtifyConfig.footer?.credits?.showPoweredBy">
100
- <a
101
- :href="`https://nuxtify.dev/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=poweredby`"
102
- target="_blank"
103
- rel="noopener nofollow"
104
- >Powered by Nuxtify</a>.
105
- </span>
106
- </small>
107
-
108
- <v-divider
109
- v-if="footerSecondaryLinks?.length"
110
- class="my-4"
111
- style="width: 50px"
112
- />
113
-
114
- <!-- Secondary Links -->
115
- <v-btn
116
- v-for="link in footerSecondaryLinks"
117
- :key="link.text"
118
- :to="link.to"
119
- :href="link.href"
120
- variant="plain"
121
- size="small"
122
- :ripple="false"
123
- :target="link.openInNew ? '_blank' : void 0"
124
- :rel="link.openInNew ? 'noopener nofollow' : void 0"
125
- class="text-capitalize pl-0 mb-2"
126
- >
127
- {{ link.text }}
128
- <v-icon
129
- v-if="link.openInNew"
130
- :icon="mdiArrowTopRight"
131
- size="small"
132
- color="grey"
133
- class="ml-1"
134
- />
135
- </v-btn>
136
- </v-col>
137
- </v-row>
138
- </v-col>
139
- </v-row>
9
+ <v-row
10
+ class="px-sm-1 pt-12 pb-4 mb-1"
11
+ style="max-width: 1280px"
12
+ >
13
+ <v-col cols="12">
14
+ <FooterCallToAction v-if="nuxtifyConfig.footer?.cta?.show" />
15
+
16
+ <v-row class="mb-2">
17
+ <!-- Brand -->
18
+ <v-col
19
+ cols="12"
20
+ :lg="footerPrimaryLinks?.length === 4 ? 3 : 4"
21
+ >
22
+ <!-- Logo -->
23
+ <AppLogo dark />
24
+
25
+ <!-- Tagline -->
26
+ <p class="mt-2 clip-text">
27
+ {{ nuxtifyConfig.brand?.tagline }}
28
+ </p>
29
+ </v-col>
30
+
31
+ <v-spacer />
32
+
33
+ <!-- Primary Links -->
34
+ <v-col
35
+ v-for="group in footerPrimaryLinks"
36
+ :key="group.title"
37
+ cols="6"
38
+ md="3"
39
+ lg="2"
40
+ >
41
+ <p class="text-body-1 font-weight-bold mb-3">
42
+ {{ group.title }}
43
+ </p>
44
+ <div
45
+ v-for="link in group.links"
46
+ :key="link.text"
47
+ >
48
+ <v-btn
49
+ :to="link.to"
50
+ :href="link.href"
51
+ variant="text"
52
+ :active="false"
53
+ :ripple="false"
54
+ :target="link.openInNew ? '_blank' : void 0"
55
+ :rel="link.openInNew ? 'noopener nofollow' : void 0"
56
+ class="px-0"
57
+ >
58
+ {{ link.text }}
59
+ <v-icon
60
+ v-if="link.openInNew"
61
+ :icon="mdiArrowTopRight"
62
+ size="small"
63
+ color="grey"
64
+ class="ml-1"
65
+ />
66
+ </v-btn>
67
+ </div>
68
+ </v-col>
69
+ </v-row>
70
+
71
+ <v-row>
72
+ <v-col
73
+ cols="12"
74
+ sm="9"
75
+ >
76
+ <small>
77
+ <!-- Copyright -->
78
+ ©
79
+ {{
80
+ nuxtifyConfig.footer?.copyright || nuxtifyConfig.brand?.name || nuxtifyConfig.brand?.domain
81
+ }}.
82
+
83
+ <!-- Credits -->
84
+ {{ nuxtifyConfig.footer?.credits?.prependText }}
85
+ <span v-if="nuxtifyConfig.footer?.credits?.creator?.name">
86
+ <a
87
+ v-if="nuxtifyConfig.footer.credits.creator.domain"
88
+ :href="`https://${nuxtifyConfig.footer.credits.creator.domain}/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=createdby`"
89
+ target="_blank"
90
+ rel="noopener nofollow"
91
+ class="font-weight-bold"
92
+ >{{ nuxtifyConfig.footer?.credits?.creator?.name }}</a><span v-else>{{ nuxtifyConfig.footer?.credits?.creator?.name }}</span>.
93
+ </span>
94
+
95
+ <!-- Message -->
96
+ {{ nuxtifyConfig.footer?.credits?.appendText }}
97
+
98
+ <!-- Powered By -->
99
+ <span v-if="nuxtifyConfig.footer?.credits?.showPoweredBy">
100
+ <a
101
+ :href="`https://nuxtify.dev/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=poweredby`"
102
+ target="_blank"
103
+ rel="noopener nofollow"
104
+ >Powered by Nuxtify</a>.
105
+ </span>
106
+ </small>
107
+
108
+ <v-divider
109
+ v-if="footerSecondaryLinks?.length"
110
+ class="my-4"
111
+ style="width: 50px"
112
+ />
113
+
114
+ <!-- Secondary Links -->
115
+ <v-btn
116
+ v-for="link in footerSecondaryLinks"
117
+ :key="link.text"
118
+ :to="link.to"
119
+ :href="link.href"
120
+ variant="plain"
121
+ size="small"
122
+ :ripple="false"
123
+ :target="link.openInNew ? '_blank' : void 0"
124
+ :rel="link.openInNew ? 'noopener nofollow' : void 0"
125
+ class="text-capitalize pl-0 mb-2"
126
+ >
127
+ {{ link.text }}
128
+ <v-icon
129
+ v-if="link.openInNew"
130
+ :icon="mdiArrowTopRight"
131
+ size="small"
132
+ color="grey"
133
+ class="ml-1"
134
+ />
135
+ </v-btn>
136
+ </v-col>
137
+ </v-row>
138
+ </v-col>
139
+ </v-row>
140
140
  </template>
141
141
 
142
142
  <style scoped>
package/dist/runtime/components/app/AppLoading.vue CHANGED
@@ -1,14 +1,14 @@
1
1
  <template>
2
- <div class="center">
3
- <div class="sk-chase">
4
- <div class="sk-chase-dot" />
5
- <div class="sk-chase-dot" />
6
- <div class="sk-chase-dot" />
7
- <div class="sk-chase-dot" />
8
- <div class="sk-chase-dot" />
9
- <div class="sk-chase-dot" />
10
- </div>
11
- </div>
2
+ <div class="center">
3
+ <div class="sk-chase">
4
+ <div class="sk-chase-dot" />
5
+ <div class="sk-chase-dot" />
6
+ <div class="sk-chase-dot" />
7
+ <div class="sk-chase-dot" />
8
+ <div class="sk-chase-dot" />
9
+ <div class="sk-chase-dot" />
10
+ </div>
11
+ </div>
12
12
  </template>
13
13
 
14
14
  <style scoped>
package/dist/runtime/components/app/AppLogo.vue CHANGED
@@ -26,16 +26,16 @@ const width = computed(() => {
26
26
  </script>
27
27
 
28
28
  <template>
29
- <v-img
30
- v-if="imageUrl"
31
- :width
32
- :src="imageUrl"
33
- :alt="`${nuxtifyConfig.brand.name} logo`"
34
- />
35
- <span
36
- v-else
37
- :class="`text-subtitle-1 text-sm-h6 ${dark ? '' : 'text-primary'}`"
38
- >
39
- {{ nuxtifyConfig.brand.name }}
40
- </span>
29
+ <v-img
30
+ v-if="imageUrl"
31
+ :width
32
+ :src="imageUrl"
33
+ :alt="`${nuxtifyConfig.brand.name} logo`"
34
+ />
35
+ <span
36
+ v-else
37
+ :class="`text-subtitle-1 text-sm-h6 ${dark ? '' : 'text-primary'}`"
38
+ >
39
+ {{ nuxtifyConfig.brand.name }}
40
+ </span>
41
41
  </template>