feat: product page

zackha · zackha · commit 10f62648a107 · 2023-05-22T21:14:31.000+03:00
diff --git a/gql/queries/getProduct.gql b/gql/queries/getProduct.gql
@@ -1,8 +1,13 @@
 query getProduct($slug: ID!) {
   product(id: $slug, idType: SLUG) {
-    name
-    image {
-      sourceUrl(size: WOOCOMMERCE_SINGLE)
+    ... on VariableProduct {
+      slug
+      name
+      regularPrice
+      salePrice
+      image {
+        sourceUrl(size: WOOCOMMERCE_SINGLE)
+      }
     }
   }
 }
diff --git a/pages/product/[slug].vue b/pages/product/[slug].vue
@@ -11,6 +11,8 @@
       <div class="">
         <div class="">
           <h1 class="text-2xl">{{ product.name }}</h1>
+          <h1 class="text-2xl" v-html="product.regularPrice"></h1>
+          <h1 class="text-2xl" v-html="product.salePrice"></h1>
           <p class="">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed tincidunt augue. Maecenas ac mauris sed magna auctor lacinia. Etiam nec suscipit felis. Quisque
             tempus mi sed commodo eleifend. Pellentesque a ipsum eu lectus auctor imperdiet. Mauris ultricies, metus vitae commodo scelerisque, nibh tellus condimentum turpis,

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,13 @@`
`1`	`1`	`query getProduct($slug: ID!) {`
`2`	`2`	`product(id: $slug, idType: SLUG) {`
`3`		`- name`
`4`		`- image {`
`5`		`- sourceUrl(size: WOOCOMMERCE_SINGLE)`
	`3`	`+ ... on VariableProduct {`
	`4`	`+ slug`
	`5`	`+ name`
	`6`	`+ regularPrice`
	`7`	`+ salePrice`
	`8`	`+ image {`
	`9`	`+ sourceUrl(size: WOOCOMMERCE_SINGLE)`
	`10`	`+ }`
`6`	`11`	`}`
`7`	`12`	`}`
`8`	`13`	`}`