Merge pull request #8 from PiwikPRO/fix/add-example-pages-titles

Add pages titles
PiwikPRO · Jun 25, 2024 · ccf41c1 · ccf41c1
2 parents ff7721a + 1278e4c
commit ccf41c1
Show file tree

Hide file tree

Showing 11 changed files with 41 additions and 1 deletion.
diff --git a/example/pages/content-tracking/index.vue b/example/pages/content-tracking/index.vue
@@ -41,6 +41,9 @@ onMounted(() => {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>{{ pageData.heading }}</h1>
     <p>{{ pageData.description }}</p>

diff --git a/example/pages/cookie-management/index.vue b/example/pages/cookie-management/index.vue
@@ -120,6 +120,9 @@ const showToast = (message: string) => {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>{{ pageData.heading }}</h1>
     <p>{{ pageData.description }}</p>

diff --git a/example/pages/custom-dimensions/index.vue b/example/pages/custom-dimensions/index.vue
@@ -28,6 +28,9 @@ const pageData = {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>{{ pageData.heading }}</h1>
     <p>{{ pageData.description }}</p>

diff --git a/example/pages/custom-events/index.vue b/example/pages/custom-events/index.vue
@@ -16,6 +16,9 @@ const pageData = {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>{{ pageData.heading }}</h1>
     <p>{{ pageData.description }}</p>

diff --git a/example/pages/download-and-outlink/index.vue b/example/pages/download-and-outlink/index.vue
@@ -65,6 +65,9 @@ const pageData = {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>{{ pageData.heading }}</h1>
     <div>

diff --git a/example/pages/ecommerce/index.vue b/example/pages/ecommerce/index.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
-import { ref } from "vue";
 import type { PaymentInformation, Product } from "@piwikpro/nuxt-piwik-pro";
+import { ref } from "vue";
+
 import { products } from "~/data/ecommerce";
 
 const toastMessage = ref("");
 const isToastVisible = ref(false);
+const pageData = {
+  title: "ECommerce",
+};
 
 const showToast = (message: string) => {
   toastMessage.value = message;
@@ -101,6 +105,9 @@ const handleShowProductDetails = (product: Product) => {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <div class="columns-2">
     <div class="card bg-base-100 shadow-xl inventory">
       <div class="card-body">

diff --git a/example/pages/goal-conversion/index.vue b/example/pages/goal-conversion/index.vue
@@ -28,6 +28,9 @@ const showToast = (message: string) => {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>{{ pageData.heading }}</h1>
     <p>{{ pageData.description }}</p>

diff --git a/example/pages/index.vue b/example/pages/index.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts"></script>
 
 <template>
+  <Head>
+    <Title>Piwik PRO example usage</Title>
+  </Head>
   <UContainer class="m-8">
     <Navigation />
   </UContainer>

diff --git a/example/pages/page-views/index.vue b/example/pages/page-views/index.vue
@@ -26,6 +26,9 @@ const showToast = (message: string) => {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>{{ pageData.title }}</h1>
     <p>{{ pageData.description }}</p>

diff --git a/example/pages/site-search/index.vue b/example/pages/site-search/index.vue
@@ -27,6 +27,9 @@ const showToast = (message: string) => {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <article>
       <ServicesUsageExample />

diff --git a/example/pages/user-management/index.vue b/example/pages/user-management/index.vue
@@ -4,6 +4,9 @@ import { onMounted, ref } from "vue";
 const userId = ref("");
 const visitorId = ref("");
 const visitorInfo = ref({});
+const pageData = {
+  title: "UserManagement",
+};
 
 const callAsyncMethods = () =>
   usePiwikPro(async ({ UserManagement }) => {
@@ -23,6 +26,9 @@ onMounted(() => {
 </script>
 
 <template>
+  <Head>
+    <Title>{{ pageData.title }}</Title>
+  </Head>
   <UContainer class="prose p-8">
     <h1>User Management</h1>
     <article>