From 149a9b4862986594784e30683c4ac30819f0501a Mon Sep 17 00:00:00 2001
From: leejooy96 <leejooy96@gmail.com>
Date: Tue, 14 Jun 2022 09:11:43 +0900
Subject: [PATCH] renderer: add basic pinia sample

---
 .../components/screen/ErrorScreen.vue         | 11 +++------
 src/renderer/components/screen/MainScreen.vue | 23 ++++++++-----------
 src/renderer/store/temp.js                    | 15 ++++++++++++
 3 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/renderer/components/screen/ErrorScreen.vue b/src/renderer/components/screen/ErrorScreen.vue
index cb0ef79..76b376c 100644
--- a/src/renderer/components/screen/ErrorScreen.vue
+++ b/src/renderer/components/screen/ErrorScreen.vue
@@ -1,13 +1,8 @@
+<script setup>
+</script>
+
 <template>
   <div>
     Unknown error occurred
   </div>
 </template>
-
-<script>
-export default {
-  setup () {
-
-  }
-}
-</script>
diff --git a/src/renderer/components/screen/MainScreen.vue b/src/renderer/components/screen/MainScreen.vue
index 0bac8f7..5fe7a1a 100644
--- a/src/renderer/components/screen/MainScreen.vue
+++ b/src/renderer/components/screen/MainScreen.vue
@@ -1,19 +1,14 @@
+<script setup>
+import { ref } from 'vue'
+import { useTempStore } from '../../store/temp'
+
+const test = ref(1)
+const temp = useTempStore()
+</script>
+
 <template>
   <div>
     Main Screen {{ test }}
+    {{ temp.text }}
   </div>
 </template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup () {
-    const test = ref(1)
-
-    return {
-      test
-    }
-  }
-}
-</script>
diff --git a/src/renderer/store/temp.js b/src/renderer/store/temp.js
index e69de29..1cb80e7 100644
--- a/src/renderer/store/temp.js
+++ b/src/renderer/store/temp.js
@@ -0,0 +1,15 @@
+import { defineStore } from 'pinia'
+
+export const useTempStore = defineStore('temp', {
+  state: () => ({
+    text: 'Sample Text'
+  }),
+  getters: {
+    getText: (state) => state.text
+  },
+  actions: {
+    setText (text) {
+      this.text = text
+    }
+  }
+})