remove caret from headers to avoid blinky

Author: rolljee

src/.vuepress/components/MajorVersionSelector.vue

@@ -8,7 +8,6 @@
       <div class="selector-selectedItem-name">
         <span class="selector-selectedItem-name-wrapper">
           {{ selectedItem ? selectedItem.text : 'Kuzzle' }}
-          <font-awesome-icon icon="fa-solid fa-caret-down" size="xs" aria-hidden="true"/>
         </span>
       </div>
     </div>

src/.vuepress/theme/Header.vue

@@ -28,9 +28,7 @@
 
         <!-- Header title -->
         <div data-md-component="title">
-          <span>
-            <MajorVersionSelector :kuzzle-major="kuzzleMajor" />
-          </span>
+          <MajorVersionSelector :kuzzle-major="kuzzleMajor" />
         </div>
 
         <div class="md-header-nav__top-menu-container">
@@ -46,7 +44,9 @@
         </div>
 
         <div class="divider"></div>
-        <button class="btnCta"><a href="https://kuzzle.io" target="_blank">Discover Kuzzle</a></button>
+        <button class="btnCta">
+          <a href="https://kuzzle.io" target="_blank">Discover Kuzzle</a>
+        </button>
 
         <!-- Repository containing source -->
         <!-- <div class="md-flex__cell md-flex__cell--shrink">

src/.vuepress/theme/TopMenu.vue

@@ -19,11 +19,30 @@
               >
             </li>
             <li class="topMenu__item">
-              <MenuDropdown
+              <a
+                :href="`/core/${kuzzleMajor}/api/`"
+                :class="{
+                  'topMenu__link--active': isLinkActive(
+                    `/core/${kuzzleMajor}/api/`
+                  ),
+                }"
+                title="API"
                 class="topMenu__link"
-                title="References"
-                :items="referencesItems"
-              />
+                >API</a
+              >
+            </li>
+            <li class="topMenu__item">
+              <a
+                :href="`/core/${kuzzleMajor}/framework/`"
+                :class="{
+                  'topMenu__link--active': isLinkActive(
+                    `/core/${kuzzleMajor}/framework/`
+                  ),
+                }"
+                title="Framework"
+                class="topMenu__link"
+                >Framework</a
+              >
             </li>
             <li class="topMenu__item">
               <a
@@ -109,14 +128,6 @@ export default {
     kuzzleMajor() {
       return getCurrentVersion(this.page$);
     },
-    referencesItems() {
-      const pathStart = `/core/${this.kuzzleMajor}`;
-
-      return [
-        { name: 'API', url: `${pathStart}/api/` },
-        { name: 'Framework', url: `${pathStart}/framework/` },
-      ];
-    },
   },
   setup() {
     return { page$: usePageData() };