From 763ee12b188f2f37f8f6b071901a65e7c9150ef2 Mon Sep 17 00:00:00 2001
From: seulle <seull@LAPTOP-L9AOK14Q.>
Date: Tue, 30 Jan 2024 20:51:02 +0900
Subject: [PATCH 1/7] 0.2.3

ad
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4bbeaf7..c0db6aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "seull-hello-vue.github.io",
-  "version": "0.1.0",
+  "version": "0.2.3",
   "private": true,
   "type": "module",
   "scripts": {

From a7a752b30a251719fd131f9b58e3a588ba9d12cf Mon Sep 17 00:00:00 2001
From: seulle <seull@LAPTOP-L9AOK14Q.>
Date: Tue, 30 Jan 2024 21:13:28 +0900
Subject: [PATCH 2/7] var

---
 src/App.vue | 46 ++++------------------------------------------
 1 file changed, 4 insertions(+), 42 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 633a5df..c1fbbeb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,47 +1,9 @@
 <script setup>
-import HelloWorld from './components/HelloWorld.vue'
-import TheWelcome from './components/TheWelcome.vue'
+import { ref } from 'vue'
+
+const message = ref('Hello World!')
 </script>
 
 <template>
-  <header>
-    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
-
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
-    </div>
-  </header>
-
-  <main>
-    <TheWelcome />
-  </main>
+<h1>{{ message }}</h1>
 </template>
-
-<style scoped>
-header {
-  line-height: 1.5;
-}
-
-.logo {
-  display: block;
-  margin: 0 auto 2rem;
-}
-
-@media (min-width: 1024px) {
-  header {
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 2);
-  }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
-
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
-}
-</style>

From 465b5b8532baf18a238734712f925b2bb23cc2e3 Mon Sep 17 00:00:00 2001
From: seulle <seull@LAPTOP-L9AOK14Q.>
Date: Tue, 30 Jan 2024 21:16:18 +0900
Subject: [PATCH 3/7] if

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c0db6aa..f333f1a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "seull-hello-vue.github.io",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "private": true,
   "type": "module",
   "scripts": {

From 18e2430d88c8091d04890940e8db8e4d8afc9a8d Mon Sep 17 00:00:00 2001
From: seulle <seull@LAPTOP-L9AOK14Q.>
Date: Tue, 30 Jan 2024 21:30:33 +0900
Subject: [PATCH 4/7] if

---
 src/App.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c1fbbeb..aa1234f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,14 @@
 <script setup>
 import { ref } from 'vue'
 
-const message = ref('Hello World!')
+const awesome = ref(true)
 </script>
 
 <template>
-<h1>{{ message }}</h1>
+<button @click="awesome = !awesome">toggle</button>
+
+<h1 v-if="awesome">Vue is awesome!</h1>
+<h1 v-else>oh no T_T</h1>
+<h2 v-if="awesome">true</h2>
+<h2 v-show="awesome">TRUE</h2>
 </template>

From c7d98afc682fe4a14ad4a4b3d67954ded83ec689 Mon Sep 17 00:00:00 2001
From: seulle <seull@LAPTOP-L9AOK14Q.>
Date: Tue, 30 Jan 2024 22:01:00 +0900
Subject: [PATCH 5/7] if

---
 src/App.vue | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index aa1234f..7e93a07 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,13 +2,27 @@
 import { ref } from 'vue'
 
 const awesome = ref(true)
+
+function toggleAwesome(v){
+awesome.value = !v
+}
+
+function isAwesome(){
+ return awesome.value
+
+}
+
+
+
 </script>
 
 <template>
-<button @click="awesome = !awesome">toggle</button>
+<button @click="toggleAwesome(awesome)">toggle</button>
+
+<h1 v-if="isAwesome()">Vue is awesome!</h1>
+<h1 v-else="toddleAwesome">NONONO</h1>
+
+<h3 v-if="isAwesome"> v-if TRUE</h3>
+<h3 v-show="isAwesome"> v-show TRUE</h3>
 
-<h1 v-if="awesome">Vue is awesome!</h1>
-<h1 v-else>oh no T_T</h1>
-<h2 v-if="awesome">true</h2>
-<h2 v-show="awesome">TRUE</h2>
 </template>

From 9b554f7db62a71499bb2fa8c0f7eeec67b820edc Mon Sep 17 00:00:00 2001
From: seulle <seull@LAPTOP-L9AOK14Q.>
Date: Tue, 30 Jan 2024 22:03:20 +0900
Subject: [PATCH 6/7] v- for

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f333f1a..598e6c4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "seull-hello-vue.github.io",
-  "version": "0.2.4",
+  "version": "0.3.4",
   "private": true,
   "type": "module",
   "scripts": {

From 1a5e9271863f67db7653c27b82f3884fcabba96a Mon Sep 17 00:00:00 2001
From: seulle <seull@LAPTOP-L9AOK14Q.>
Date: Tue, 30 Jan 2024 22:46:09 +0900
Subject: [PATCH 7/7] v-for

---
 src/App.vue | 26 +++++---------------------
 1 file changed, 5 insertions(+), 21 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7e93a07..5724f86 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,12 @@
 <script setup>
 import { ref } from 'vue'
 
-const awesome = ref(true)
-
-function toggleAwesome(v){
-awesome.value = !v
-}
-
-function isAwesome(){
- return awesome.value
-
-}
-
-
-
+const parentMessage = ref('Parent')
+const items = ref([{ message: 'Foo' } , { message: 'Bar'}])
 </script>
 
 <template>
-<button @click="toggleAwesome(awesome)">toggle</button>
-
-<h1 v-if="isAwesome()">Vue is awesome!</h1>
-<h1 v-else="toddleAwesome">NONONO</h1>
-
-<h3 v-if="isAwesome"> v-if TRUE</h3>
-<h3 v-show="isAwesome"> v-show TRUE</h3>
-
+<li v-for="(item,index) in items">
+ {{ parentMessage }} - {{ index }} - {{ item.message  }}
+</li>
 </template>