@pinegrow/quasar-module 3.0.40 → 3.0.41

package/dist/templates/[slug].vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+	import { useMeta } from 'quasar'
+	import { ref } from 'vue'
+	import { useRoute } from 'vue-router'
+
+	const pageMeta = {
+		// layout: 'default',
+		// name: '[[PinegrowTemplateComponentNameWithoutFx]]',
+		// alias: '[[PinegrowTemplateComponentNameWithoutFx]]',
+		title: ref('[[PinegrowTemplateComponentNameCapitalize]]'),
+		description: '[[PinegrowTemplateComponentNameCapitalize]]',
+		// hidden: true,
+		navOrder: '[[PinegrowTemplateNavOrder]]',
+		type: 'primary',
+		icon: 'i-mdi-home',
+		// ogImage: 'images/ogImage.png', // url or local images inside public folder, for eg, ~/public/images/ogImage.png
+	}
+
+	// import { computed } from 'vue'
+	// import { useArticles } from '~/composables/articles'
+
+	// const articleId = useRoute().params.id
+
+	// const { data: article } = await useAsyncData('articles', async () => {
+	// 	const { getArticle } = useArticles()
+	// 	return await getArticle(+articleId)
+	// })
+
+	const route = useRoute()
+	const capitalize = s => (s && s[0].toUpperCase() + s.slice(1)) || ''
+	useMeta(() => {
+		return {
+			title: () => capitalize(route.params.[[PinegrowTemplateSlug]]),
+		}
+	})
+</script>
+
+<template>
+	<q-page padding>
+		<div style="min-height: 100px; display: flex; align-items: center; justify-content: center; font-weight: bold">
+			<span style="color: #0198cd">[[PinegrowTemplateComponentNameWithExtn]]</span>
+		</div>
+	</q-page>
+</template>
+
+<style scoped></style>
+

package/dist/templates/new-page-simple.vue

@@ -0,0 +1,38 @@
+<script lang="ts">
+	import { useMeta } from 'quasar'
+	import { ref } from 'vue'
+
+	export default {
+		setup() {
+			const pageMeta = {
+				// layout: 'default',
+				// name: '[[PinegrowTemplateComponentNameWithoutFx]]',
+				// alias: '[[PinegrowTemplateComponentNameWithoutFx]]',
+				title: ref('[[PinegrowTemplateComponentNameCapitalize]]'),
+				description: '[[PinegrowTemplateComponentNameCapitalize]]',
+				// hidden: true,
+				navOrder: '[[PinegrowTemplateNavOrder]]',
+				type: 'primary',
+				icon: 'i-mdi-home',
+				// ogImage: 'images/ogImage.png', // url or local images inside public folder, for eg, ~/public/images/ogImage.png
+			}
+
+			useMeta(() => {
+				return {
+					title: pageMeta.title.value,
+				}
+			})
+		},
+	}
+</script>
+
+<template>
+	<q-page padding>
+		<div style="min-height: 100px; display: flex; align-items: center; justify-content: center; font-weight: bold">
+			<span style="color: #0198cd">[[PinegrowTemplateComponentNameWithExtn]]</span>
+		</div>
+	</q-page>
+</template>
+
+<style scoped></style>
+

package/dist/templates/new-page.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+	import { useMeta } from 'quasar'
+	import { ref } from 'vue'
+
+	const pageMeta = {
+		// layout: 'default',
+		// name: '[[PinegrowTemplateComponentNameWithoutFx]]',
+		// alias: '[[PinegrowTemplateComponentNameWithoutFx]]',
+		title: ref('[[PinegrowTemplateComponentNameCapitalize]]'),
+		description: '[[PinegrowTemplateComponentNameCapitalize]]',
+		// hidden: true,
+		navOrder: '[[PinegrowTemplateNavOrder]]',
+		type: 'primary',
+		icon: 'i-mdi-home',
+		// ogImage: 'images/ogImage.png', // url or local images inside public folder, for eg, ~/public/images/ogImage.png
+	}
+
+	useMeta(() => {
+		return {
+			title: pageMeta.title.value,
+		}
+	})
+</script>
+
+<template>
+	<q-page padding>
+		<div style="min-height: 100px; display: flex; align-items: center; justify-content: center; font-weight: bold">
+			<span style="color: #0198cd">[[PinegrowTemplateComponentNameWithExtn]]</span>
+		</div>
+	</q-page>
+</template>
+
+<style scoped></style>
+

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pinegrow/quasar-module",
-	"version": "3.0.40",
+	"version": "3.0.41",
 	"description": "Pinegrow Quasar Module",
 	"keywords": [
 		"pinegrow",
@@ -38,7 +38,7 @@
 		"increment-version": "npm version patch"
 	},
 	"dependencies": {
-		"@pinegrow/vite-plugin": "3.0.40"
+		"@pinegrow/vite-plugin": "3.0.41"
 	},
 	"devDependencies": {
 		"copy-webpack-plugin": "^10.2.4"

package/dist/templates/SampleCard.vue

@@ -1,71 +0,0 @@
-<script setup lang="ts">
-	import { ref } from 'vue'
-
-	const heroImageUrl =
-		'https://images.unsplash.com/photo-1654870468927-92c943da24fe?crop=entropy&cs=srgb&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDEzfHxiYWtlcnklMjBjb2ZmZWV8ZW58MHx8fHwxNjkzNTcxNzY4fDA&ixlib=rb-4.0.3&q=85'
-	const availableTimeSlots = ['3.30PM', '4.20PM', '5.50PM', '6.00PM']
-	const selectedTimeSlot = ref(0)
-
-	const statusDisplay = ref(false)
-	const showStatus = status => {
-		statusDisplay.value = status
-	}
-</script>
-
-<template>
-	<v-card width="360" class="elevation-4 mt-12 mx-auto">
-		<v-img :src="heroImageUrl" height="250" cover></v-img>
-		<v-card-item>
-			<template #title>
-				<div class="d-flex justify-space-between">
-					<span class="text-primary">Cafe Bella Vista</span>
-				</div>
-			</template>
-			<template #subtitle
-				><span>Local Favourite</span>
-				<v-icon
-					icon="i-ic-round-local-fire-department"
-					class="bg-red-darken-4 ml-2 text-red-darken-2"
-					size="small"
-				></v-icon>
-			</template>
-			<div class="align-center d-flex">
-				<v-rating
-					density="compact"
-					size="small"
-					color="amber-darken-2"
-					model-value="4.5"
-					half-increments
-				></v-rating
-				><span class="ml-2 mt-2 text-caption text-medium-emphasis">4.5 (413)</span>
-			</div>
-			<div class="mt-2 text-subtitle-1">
-				<span>$ . Italian, Cafe</span>
-			</div>
-		</v-card-item>
-		<v-card-text>
-			<div class="mt-1">
-				<span
-					>Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio
-					seating.</span
-				>
-			</div>
-			<v-divider class="mt-4"></v-divider>
-		</v-card-text>
-		<v-card-item>
-			<template #title><span>Tonight's availability</span> </template>
-			<v-chip-group v-model="selectedTimeSlot" class="mt-2">
-				<v-chip v-for="(timeSlot, index) in availableTimeSlots" :key="index" :text="timeSlot"></v-chip>
-			</v-chip-group>
-		</v-card-item>
-		<v-card-actions>
-			<v-btn text="Reserve" variant="tonal" class="mb-2 ml-2" @click="showStatus(true)"></v-btn>
-			<v-snackbar v-model="statusDisplay" timeout="2000"
-				><span class="text-white w-100">{{ availableTimeSlots[selectedTimeSlot] }} was reserved.</span>
-			</v-snackbar>
-		</v-card-actions>
-	</v-card>
-</template>
-
-<style scoped></style>
-