feat: introducing self hosted admin dashboard package (#12)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Anwarul Islam <anwaarulislaam@gmail.com>

packages/hoppscotch-ui/src/components/smart/Anchor.vue

@@ -1,33 +1,25 @@
 <template>
-  <SmartLink
-    :to="to"
-    :exact="exact"
-    :blank="blank"
-    class="inline-flex items-center justify-center focus:outline-none"
+  <HoppSmartLink :to="to" :exact="exact" :blank="blank" class="inline-flex items-center justify-center focus:outline-none"
     :class="[
       color
         ? `text-${color}-500 hover:text-${color}-600 focus-visible:text-${color}-600`
         : 'hover:text-secondaryDark focus-visible:text-secondaryDark',
       { 'opacity-75 cursor-not-allowed': disabled },
       { 'flex-row-reverse': reverse },
-    ]"
-    :disabled="disabled"
-    tabindex="0"
-  >
-    <component
-      :is="icon"
-      v-if="icon"
-      class="svg-icons"
-      :class="label ? (reverse ? 'ml-2' : 'mr-2') : ''"
-    />
+    ]" :disabled="disabled" tabindex="0">
+    <component :is="icon" v-if="icon" class="svg-icons" :class="label ? (reverse ? 'ml-2' : 'mr-2') : ''" />
     {{ label }}
-  </SmartLink>
+  </HoppSmartLink>
 </template>
 
 <script lang="ts">
+import HoppSmartLink from "./Link.vue";
 import { Component, defineComponent, PropType } from "vue"
 
 export default defineComponent({
+  components: {
+    HoppSmartLink
+  },
   props: {
     to: {
       type: String,