From 52dc4c012891464a6bdcd41f41f889827b5e7655 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@zweili.ch>
Date: Mon, 6 Sep 2021 12:57:45 +0200
Subject: [PATCH] add useRouter

---
 .../src/pages/AddProduct.vue                    | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/2021-09-06_composition-17-routing-starting-project/src/pages/AddProduct.vue b/2021-09-06_composition-17-routing-starting-project/src/pages/AddProduct.vue
index f590ccc..50ce2ce 100644
--- a/2021-09-06_composition-17-routing-starting-project/src/pages/AddProduct.vue
+++ b/2021-09-06_composition-17-routing-starting-project/src/pages/AddProduct.vue
@@ -12,7 +12,11 @@
       </div>
       <div>
         <label for="description">Description</label>
-        <textarea rows="5" id="description" v-model="enteredDescription"></textarea>
+        <textarea
+          rows="5"
+          id="description"
+          v-model="enteredDescription"
+        ></textarea>
       </div>
       <button>Add Product</button>
     </form>
@@ -21,9 +25,11 @@
 
 <script>
 import { ref, inject } from 'vue';
+import { useRouter } from 'vue-router';
 
 export default {
   setup() {
+    const router = useRouter();
     const addProduct = inject('addProduct');
 
     const enteredTitle = ref('');
@@ -34,17 +40,18 @@ export default {
       addProduct({
         title: enteredTitle,
         description: enteredDescription,
-        price: enteredPrice,
+        price: enteredPrice
       });
+      router.push('/products');
     }
 
     return {
       enteredTitle,
       enteredPrice,
       enteredDescription,
-      submitForm,
+      submitForm
     };
-  },
+  }
 };
 </script>
 
@@ -88,4 +95,4 @@ button:active {
   background-color: #220031;
   border-color: #220031;
 }
-</style>
\ No newline at end of file
+</style>