Merge pull request #204 from BeardedBear/fix-artist-country

Fix artist country

Author: BeardedBear

src/App.vue

@@ -18,7 +18,7 @@
     <Notification />
     <Frame />
     <MinimizedWindows />
-</template>
+  </template>
 </template>
 
 <script lang="ts" setup>

src/components/artist/ArtistProfile.vue

@@ -6,11 +6,11 @@
           {{ typeof value === "string" ? value : value.name }}
         </span>
       </span>
-      <template v-if="artistMetas?.area || artistMetas?.country">
+      <!-- {{ artistMetas }} -->
+      <template v-if="artistMetas?.country">
         <span class="dot desktop-only">·</span>
         <Tooltip :text="getCountry" placement="bottom">
           <img
-            v-if="artistMetas?.country"
             :src="getCountryFlagUrl(artistMetas.country)"
             :alt="artistMetas?.area?.name || artistMetas?.country"
             class="country-flag"
@@ -20,6 +20,10 @@
           </strong>
         </Tooltip>
       </template>
+      <template v-else>
+        <span class="dot desktop-only">·</span>
+        {{ artistMetas?.["begin-area"]?.name ||artistMetas?.["begin-area"]?.id || artistMetas?.area?.name }}
+      </template>
       <template v-if="artistMetas?.['life-span']?.begin">
         <span class="dot">·</span>
         <span>