Remove text decoration underline for internal links

src/components/Status/index.vue

@@ -5,7 +5,11 @@
         <div class="status-account-container">
           <div class="status-account">
             <el-checkbox v-if="showCheckbox" class="status-checkbox" @change="handleStatusSelection(account)"/>
-            <router-link v-if="propertyExists(account, 'id')" :to="{ name: 'UsersShow', params: { id: account.id }}" @click.native.stop>
+            <router-link
+              v-if="propertyExists(account, 'id')"
+              :to="{ name: 'UsersShow', params: { id: account.id }}"
+              class="router-link"
+              @click.native.stop>
               <div class="status-card-header">
                 <img v-if="propertyExists(account, 'avatar')" :src="account.avatar" class="status-avatar-img">
                 <span v-if="propertyExists(account, 'nickname')" class="status-account-name">{{ account.nickname }}</span>
@@ -264,6 +268,9 @@ export default {
       width: 100%;
     }
   }
+  .router-link {
+    text-decoration: none;
+  }
   .show-more-button {
     margin-left: 5px;
   }

src/views/statuses/show.vue

@@ -2,7 +2,10 @@
   <div v-if="!loading" class="status-show-container">
     <header v-if="isDesktop || isTablet" class="user-page-header">
       <div class="avatar-name-container">
-        <router-link v-if="propertyExists(user, 'id')" :to="{ name: 'UsersShow', params: { id: user.id }}">
+        <router-link
+          v-if="propertyExists(user, 'id')"
+          :to="{ name: 'UsersShow', params: { id: user.id }}"
+          class="router-link">
           <div class="avatar-name-header">
             <el-avatar v-if="propertyExists(user, 'avatar')" :src="user.avatar" size="large" />
             <h1 v-if="propertyExists(user, 'nickname')">{{ user.nickname }}</h1>
@@ -173,6 +176,9 @@ export default {
 .reset-password-link {
   text-decoration: underline;
 }
+.router-link {
+  text-decoration: none;
+}
 .status-container {
   margin: 0 15px 0 20px;
 }