From 52e49d70584852739eca2e722891953da62b5157 Mon Sep 17 00:00:00 2001
From: lachie-underhill <lachlanu@gmail.com>
Date: Sat, 3 Jun 2023 16:35:31 +1000
Subject: [PATCH] Rename New to oWhatsNewModal

---
 src/components/{New.vue => WhatsNewModal.vue} | 19 ++++++++-----------
 src/views/WelcomeView.vue                     |  7 +++++--
 2 files changed, 13 insertions(+), 13 deletions(-)
 rename src/components/{New.vue => WhatsNewModal.vue} (94%)

diff --git a/src/components/New.vue b/src/components/WhatsNewModal.vue
similarity index 94%
rename from src/components/New.vue
rename to src/components/WhatsNewModal.vue
index d21d6c6..eb45a27 100644
--- a/src/components/New.vue
+++ b/src/components/WhatsNewModal.vue
@@ -1,3 +1,11 @@
+<script setup lang="ts">
+const emit = defineEmits(['dismiss-modal'])
+
+function dismiss() {
+  emit('dismiss-modal')
+}
+</script>
+
 <template>
   <div class="modal">
     <div class="modal-background" @click="dismiss"></div>
@@ -60,14 +68,3 @@
     </div>
   </div>
 </template>
-
-<script>
-export default {
-  name: 'whats-new',
-  methods: {
-    dismiss: function () {
-      this.$emit('dismiss-modal')
-    }
-  }
-}
-</script>
diff --git a/src/views/WelcomeView.vue b/src/views/WelcomeView.vue
index baaf3f5..2ba8df4 100644
--- a/src/views/WelcomeView.vue
+++ b/src/views/WelcomeView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import New from '@/components/New.vue'
+import WhatsNewModal from '@/components/WhatsNewModal.vue'
 import { onMounted, ref } from 'vue'
 
 const showModal = ref(false)
@@ -20,7 +20,10 @@ onMounted(() => {
         <h2 class="subtitle">Track Your Progress on the Community Center!</h2>
       </div>
     </div>
-    <New :class="showModal ? 'is-active' : ''" v-on:dismiss-modal="showModal = false"></New>
+    <WhatsNewModal
+      :class="showModal ? 'is-active' : ''"
+      v-on:dismiss-modal="showModal = false"
+    ></WhatsNewModal>
   </section>
 </template>