Removed useless ALink component

front/client/app.ts

@@ -3,7 +3,6 @@ import VueRouter from 'vue-router'
 import Vuex from 'vuex'
 import vuetify from 'client/plugins/vuetify'
 import { sync } from 'vuex-router-sync'
-import ALink from 'client/components/ALink.vue'
 import confirmDialogMixin from 'client/mixins/confirmDialogMixin'
 
 import 'client/assets/code-highlight.css'
@@ -16,7 +15,6 @@ function initVue () {
   Vue.use(VueRouter)
   Vue.use(Vuex)
   Vue.mixin(confirmDialogMixin)
-  Vue.component('ALink', ALink)
 }
 
 function createApp () {

front/client/components/AFooter.vue

@@ -13,31 +13,31 @@
     >
       <span>
         made by
-        <a-link
-          openInNewTab
-          url="https://aelve.com/"
+        <a
+          target="_blank"
+          href="https://aelve.com/"
         >
           Aelve
-        </a-link>
+        </a>
       </span>
       <span>
-        <a-link
-          openInNewTab
-          url="https://github.com/aelve/guide"
+        <a
           class="footer-link"
+          target="_blank"
+          href="https://github.com/aelve/guide"
         >
           source
-        </a-link>
+        </a>
         on GitHub
       </span>
       <span>
         licensed under
-        <a-link
-          openInNewTab
-          url="https://creativecommons.org/licenses/by-sa/4.0/"
+        <a
+          target="_blank"
+          href="https://creativecommons.org/licenses/by-sa/4.0/"
         >
           CC BY-SA 4.0
-        </a-link>
+        </a>
       </span>
     </v-layout>
   </v-footer>

front/client/components/ALink.vue

@@ -1,23 +0,0 @@
-<template>
-  <a
-    class="link"
-    :target="openInNewTab ? '_blank': ''"
-    :rel="openInNewTab ? 'noopener noreferrer': ''"
-    :href="url"
-    v-on="$listeners"
-  >
-    <slot />
-  </a>
-</template>
-
-<script lang="ts">
-import Vue from 'vue'
-import Component from 'vue-class-component'
-import { Prop } from 'vue-property-decorator'
-
-@Component
-export default class ALink extends Vue {
-  @Prop(Boolean) openInNewTab!: boolean
-  @Prop(String) url!: string
-}
-</script>

front/client/components/CategoryHeader.vue

@@ -3,17 +3,17 @@
     <h1 class="category-name-title" :title="categoryTitle">
       <v-tooltip bottom>
         <template v-slot:activator="{ on }">
-          <a-link
-            openInNewTab
+          <a
+            target="_blank"
             aria-label="RSS feed for all new items in this category"
-            :url="`https://guide.aelve.com/haskell/feed/category/${categoryId}`"
+            :href="`https://guide.aelve.com/haskell/feed/category/${categoryId}`"
             class="rss-link"
             v-on="on"
           >
             <v-icon
               class="rss-link-icon"
             >$vuetify.icons.rss</v-icon>
-          </a-link>
+          </a>
         </template>
         <span>RSS feed for all new items in this category</span>
       </v-tooltip>{{categoryTitle}}</h1>
@@ -102,14 +102,12 @@ import Vue from 'vue'
 import Component from 'vue-class-component'
 import { Prop } from 'vue-property-decorator'
 import CategoryInfoEdit from 'client/components/CategoryInfoEdit.vue'
-import ALink from 'client/components/ALink.vue'
 import Confirm from 'client/helpers/ConfirmDecorator'
 import CategoryHeaderBtn from 'client/components/CategoryHeaderBtn.vue'
 
 @Component({
   components: {
     CategoryInfoEdit,
-    ALink,
     CategoryHeaderBtn
   }
 })

front/client/components/CategoryItemToolbar.vue

@@ -13,12 +13,12 @@
             >#</a>
 
             <div class="category-item-name-and-badges">
-              <a-link
+              <a
                 v-if="itemLink"
                 class="category-item-name"
-                :url="itemLink"
-                openInNewTab
-              >{{ itemName }}</a-link>
+                target="_blank"
+                :href="itemLink"
+              >{{ itemName }}</a>
               <span class="category-item-name" v-else>{{ itemName }}</span>
               <div class="category-item-badges">
                 <a

front/client/page/SearchResults.vue

@@ -60,13 +60,8 @@
 import Vue from 'vue'
 import Component from 'vue-class-component'
 import { Prop, Watch } from 'vue-property-decorator'
-import ALink from 'client/components/ALink.vue'
 
-@Component({
-  components: {
-    ALink
-  }
-})
+@Component
 export default class SearchResults extends Vue {
   @Prop(String) query!: string