From bc473d5e03bdc17c3d375597e3b8df5b5ff1885b Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Tue, 20 Sep 2022 15:27:01 -0400
Subject: [PATCH] commit

---
 src/App.vue                               |  1 -
 src/layouts/vehicle-make/vehicle-make.vue | 26 ++++++++++++-----------
 src/main.js                               |  3 +++
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d6c5927b..6f59a3ae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,6 @@
     </transition>
   </router-view>
 </template>
-
 <style lang="scss">
   @import "./node_modules/bootstrap/scss/bootstrap";
   @import "@/styles/common-animations.scss";
diff --git a/src/layouts/vehicle-make/vehicle-make.vue b/src/layouts/vehicle-make/vehicle-make.vue
index ebcc4ccb..105bec84 100644
--- a/src/layouts/vehicle-make/vehicle-make.vue
+++ b/src/layouts/vehicle-make/vehicle-make.vue
@@ -1,8 +1,10 @@
 <template>
-    <form @submit.prevent="addYear(2024)">
-        Vehicle Make Placeholder
-        <button>Add</button>
-    </form>
+    <div>
+        <input type="text" v-model="year"/>
+        <span> Vehicle Make Placeholder </span>
+        <span>{{returnVehicleYear}}</span> 
+        <button @click="addYear(year)">Add</button>
+    </div>
 </template>
 
 <script>
@@ -10,18 +12,18 @@
     import { storeActions } from "@/constants/store-actions";
     export default {
         name: 'vehicle-make',
-        setup() 
-        {
-            const store = issStore();
-            return {
-                store
-            }
-        },
         methods:
         {
             addYear(item) 
             {
-               this.store.saveVehicleYear(item);
+               this.$store.saveVehicleYear(item);
+            }
+        },
+        computed:
+        {
+            returnVehicleYear()
+            {
+               return this.$store.order.vehicle.year;
             }
         }
     }
diff --git a/src/main.js b/src/main.js
index 998e38d6..44a9ca20 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,11 +4,14 @@ import App from './App.vue';
 import router from './router';
 import "../node_modules/bootstrap/dist/js/bootstrap.js";
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
+import { issStore } from './store';
 
 const vueApp = createApp(App);
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedstate);
 vueApp.use(pinia);
+const store = issStore();
+vueApp.config.globalProperties.$store = store;
 vueApp.use(router);
 vueApp.mount("#app");