fix: change texts

Author: VChet

src/components/header/user-repos.vue

@@ -96,7 +96,7 @@ const filteredRepos = computed(() => {
   if (!filters.templates) result = result.filter((repo) => !repo.is_template);
   if (!filters.searchQuery) return result;
   return result.filter((repo) => {
-    const name = settings.value.showOwner ? repo.full_name : repo.name;
+    const name = settings.value.displayOwner ? repo.full_name : repo.name;
     return new RegExp(filters.searchQuery, "i").test(name);
   });
 });

src/components/modals/settings-modal.vue

@@ -18,14 +18,14 @@
           </button>
         </fieldset>
         <fieldset>
-          <legend>Appearance</legend>
+          <legend>Interface</legend>
           <label>
-            <input v-model="form.showOwner" name="showOwner" type="checkbox">
-            Show repository owner
+            <input v-model="form.displayOwner" name="displayOwner" type="checkbox">
+            Display repository owner
           </label>
           <label>
-            <input v-model="form.showBadges" name="showBadges" type="checkbox">
-            Show badges
+            <input v-model="form.displayBadges" name="displayBadges" type="checkbox">
+            Display badges
           </label>
           <input-select v-model="form.theme" name="theme" :items="themes" label="theme:" />
         </fieldset>

src/components/repo-item.vue

@@ -70,7 +70,7 @@
           {{ license ?? "N/A" }}
         </span>
       </div>
-      <div v-if="settings.showBadges && hasBadges">
+      <div v-if="settings.displayBadges && hasBadges">
         <img v-if="hostingStatusBadge" :src="hostingStatusBadge" alt="hosting status">
         <img v-if="uptimerobotBadge" :src="uptimerobotBadge" alt="uptimerobot ratio">
         <img v-if="workflowBadge" :src="workflowBadge" alt="workflow badge">
@@ -110,7 +110,7 @@ const { settings } = useSettingsStore();
 // Watch deep changes
 const repo = computed(() => props.repo);
 const repoName = computed<string>(() => {
-  const name = settings.value.showOwner ? repo.value.full_name : repo.value.name;
+  const name = settings.value.displayOwner ? repo.value.full_name : repo.value.name;
   if (!props.query) return name;
   return name.replace(new RegExp(props.query, "gi"), (match) => `<mark>${match}</mark>`);
 });

src/store/settings.ts

@@ -5,16 +5,16 @@ type Theme = "github" | "blue" | "beige" | "green" | "red";
 interface SettingsStore {
   authToken: string
   username: string
-  showOwner: boolean
-  showBadges: boolean
+  displayOwner: boolean
+  displayBadges: boolean
   theme: Theme
 }
 
 const DEFAULT_STORE: SettingsStore = {
   authToken: "",
   username: "",
-  showOwner: true,
-  showBadges: true,
+  displayOwner: true,
+  displayBadges: true,
   theme: "github"
 };
 

src/views/DependenciesView.vue

@@ -20,7 +20,7 @@
           <th />
           <th v-for="repo in repos" :key="repo.id">
             <a :href="repo.html_url" target="_blank">
-              {{ settings.showOwner ? repo.full_name : repo.name }}
+              {{ settings.displayOwner ? repo.full_name : repo.name }}
             </a>
           </th>
         </tr>

src/views/RepositoriesView.vue

@@ -47,7 +47,7 @@ const searchQuery = refDebounced(searchQueryInput, 300);
 const filteredItems = computed(() => {
   if (!searchQuery.value) return repositories.value;
   return repositories.value.filter((repo) => {
-    const name = settings.value.showOwner ? repo.full_name : repo.name;
+    const name = settings.value.displayOwner ? repo.full_name : repo.name;
     return new RegExp(searchQuery.value, "i").test(name);
   });
 });