From 7a20e217a2a297afcb0a2bece299250727cf06de Mon Sep 17 00:00:00 2001
From: Stephen Li <stephenli.ca@gmail.com>
Date: Sat, 30 Apr 2022 02:34:41 -0400
Subject: [PATCH] Move title to constants

---
 src/Constants.ts                         | 2 ++
 src/components/UserscriptApp.vue         | 5 +++--
 src/components/UserscriptAppSettings.vue | 5 +++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Constants.ts b/src/Constants.ts
index 04d7617..6532a66 100644
--- a/src/Constants.ts
+++ b/src/Constants.ts
@@ -1,3 +1,5 @@
+export const TITLE = `${DEFINE.PRODUCT_NAME} ${DEFINE.VERSION}`
+
 export const KEY_STATE = 'KEY_STATE'
 
 export const MAX_CHECKING_SELECTOR_ATTEMPTS = 5
diff --git a/src/components/UserscriptApp.vue b/src/components/UserscriptApp.vue
index 50c7799..aced110 100644
--- a/src/components/UserscriptApp.vue
+++ b/src/components/UserscriptApp.vue
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { ref, defineComponent, onMounted, computed } from 'vue'
+import { TITLE } from '@/Constants'
 import { deleteWorkflowRuns } from '@/services/github/deleteWorkflowRuns'
 import { useStore } from '@/store'
 import { isOnWorkflowsPage } from '@/utils/isOnWorkflowsPage'
@@ -48,7 +49,7 @@ export default defineComponent({
         })
 
         return {
-            title: `${DEFINE.PRODUCT_NAME} ${DEFINE.VERSION}`,
+            TITLE,
             isOpen: ref(false),
             loadApp,
 
@@ -94,7 +95,7 @@ export default defineComponent({
 
         <a
             class="settings-btn"
-            :title="title"
+            :title="TITLE"
             @click="isOpen = true"
         >
             Settings
diff --git a/src/components/UserscriptAppSettings.vue b/src/components/UserscriptAppSettings.vue
index 4db36b7..d101d8e 100644
--- a/src/components/UserscriptAppSettings.vue
+++ b/src/components/UserscriptAppSettings.vue
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
+import { TITLE } from '@/Constants'
 import { useStore } from '@/store'
 
 export default defineComponent({
@@ -14,7 +15,7 @@ export default defineComponent({
         }
 
         return {
-            title: `${DEFINE.PRODUCT_NAME} ${DEFINE.VERSION}`,
+            TITLE,
             projectUrl: DEFINE.REPO.url,
             store,
             save,
@@ -27,7 +28,7 @@ export default defineComponent({
     <div class="settings">
         <div class="group">
             <h1>
-                {{ title }}
+                {{ TITLE }}
             </h1>
             <a :href="projectUrl" class="project-url">
                 {{ projectUrl }}