From dd2945b752a0f3146994c4bf2f01d5998f485f2b Mon Sep 17 00:00:00 2001
From: surmon-china <surmon@foxmail.com>
Date: Fri, 31 Dec 2021 23:31:04 +0800
Subject: [PATCH] feat: v3.3.1

---
 package.json                         |  2 +-
 src/components/comment/list/item.vue | 27 +++++++++++++++++++++------
 src/components/comment/list/ua.vue   |  4 ++--
 src/store/comment.ts                 |  6 +++++-
 4 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 471c428d9..220ab3671 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "surmon.me",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "Surmon.me blog",
   "author": {
     "name": "Surmon",
diff --git a/src/components/comment/list/item.vue b/src/components/comment/list/item.vue
index 954f312ee..ba41effa8 100644
--- a/src/components/comment/list/item.vue
+++ b/src/components/comment/list/item.vue
@@ -30,9 +30,11 @@
             </span>
             <span v-if="comment.ip_location" class="location">
               <i class="iconfont icon-earth"></i>
-              <span>{{ comment.ip_location.country }}</span>
-              <divider v-if="comment.ip_location.city" type="vertical" size="xs">•</divider>
-              <span>{{ comment.ip_location.city }}</span>
+              <span>{{ comment.ip_location.country_code || comment.ip_location.country }}</span>
+              <template v-if="comment.ip_location.city">
+                <span class="separator">•</span>
+                <span>{{ comment.ip_location.city }}</span>
+              </template>
             </span>
             <template v-if="!hiddenUa">
               <comment-ua v-if="comment.agent" :ua="comment.agent" />
@@ -410,7 +412,7 @@
         .moderator {
           display: inline-block;
           margin-left: -$sm-gap;
-          margin-right: $sm-gap;
+          margin-right: $gap;
           padding: 0 $xs-gap;
           font-size: 11px;
           color: $text-reversal;
@@ -423,13 +425,26 @@
         .location {
           color: $text-dividers;
           font-size: $font-size-small;
-          margin-right: $gap;
-
           .iconfont {
             margin-right: $xs-gap;
           }
         }
 
+        .location {
+          margin-right: $gap;
+          .separator {
+            margin: 0 3px;
+          }
+        }
+
+        ::v-deep(.os) {
+          margin-right: $sm-gap;
+        }
+
+        ::v-deep(.browser) {
+          margin-right: 0;
+        }
+
         .flool {
           color: $text-dividers;
           font-size: $font-size-small;
diff --git a/src/components/comment/list/ua.vue b/src/components/comment/list/ua.vue
index aeed8ea89..f0940c7d4 100644
--- a/src/components/comment/list/ua.vue
+++ b/src/components/comment/list/ua.vue
@@ -3,12 +3,12 @@
     <span class="os">
       <i v-if="osIconName" class="iconfont" :class="`icon-${osIconName}`" />
       <span>{{ uaResult.result.os.name }}</span>
-      <span>{{ uaResult.result.os.version }}</span>
+      <!-- <span>{{ uaResult.result.os.version }}</span> -->
     </span>
     <span class="browser">
       <i class="iconfont" :class="`icon-${browserIconName}`" />
       <span>{{ uaResult.result.browser.name }}</span>
-      <span>{{ uaResult.result.browser.major }}</span>
+      <!-- <span>{{ uaResult.result.browser.version }}</span> -->
     </span>
   </span>
 </template>
diff --git a/src/store/comment.ts b/src/store/comment.ts
index 303f1f662..55855d71e 100755
--- a/src/store/comment.ts
+++ b/src/store/comment.ts
@@ -33,8 +33,12 @@ export interface Comment {
   dislikes: number
   ip?: string
   ip_location?: {
-    city: string
     country: string
+    country_code: string
+    region: string
+    region_code: string
+    city: string
+    zip: string
   }
   create_at: string
   update_at: string