Add version info

assets/styles/layout/_topbar.scss

@@ -189,7 +189,6 @@
             border: 1px solid var(--border-color);
             box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
             transform-origin: top;
-            width: 8rem;
 
             ul {
                 padding: 0;
@@ -210,24 +209,12 @@
                     border-radius: 6px;
                     width: 100%;
                     overflow: hidden;
+                    color: var(--text-color);
+                    white-space: nowrap;
 
                     &:hover {
                         background-color: var(--hover-background);
                     }
-
-                    span:first-child {
-                        font-weight: bold;
-                        color: var(--high-contrast-text-color);
-                    }
-
-                    span:last-child {
-                        margin-left: 0.5rem;
-                        color: var(--text-color);
-                        white-space: nowrap;
-                        display: block;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                    }
                 }
             }
         }

doc/vite/DownloadDoc.vue

@@ -12,13 +12,13 @@ export default {
             code: {
                 basic: `
 # Using npm
-npm install primevue
+npm install primevue@4.0.0-beta.1
 
 # Using yarn
-yarn add primevue
+yarn add primevue@4.0.0-beta.1
 
 # Using pnpm
-pnpm add primevue
+pnpm add primevue@4.0.0-beta.1
 `
             }
         };

layouts/AppTopBar.vue

@@ -61,7 +61,7 @@
             </div>
 
             <ul class="topbar-items">
-                <li>
+                <li v-if="false">
                     <div id="docsearch"></div>
                 </li>
                 <li>
@@ -101,7 +101,7 @@
                         style="max-width: 8rem"
                         class="topbar-item version-item"
                     >
-                        <span class="version-text">{{ versions[0].version }}</span>
+                        <span class="version-text">{{ versions[0].name }}</span>
                         <span class="version-icon pi pi-angle-down"></span>
                     </button>
 
@@ -109,8 +109,7 @@
                         <ul>
                             <li v-for="version in versions" :key="version.version" role="none">
                                 <a :href="version.url">
-                                    <span>{{ version.name }}</span>
+                                    <span>PrimeVue {{ version.name }}</span>
-                                    <span>{{ version.version }}</span>
                                 </a>
                             </li>
                         </ul>
@@ -129,8 +128,7 @@
 <script>
 import AppConfigurator from '@/layouts/AppConfigurator';
 import EventBus from '@/layouts/AppEventBus';
-import pkg from '@/package.json';
+//import docsearch from '@docsearch/js';
-import docsearch from '@docsearch/js';
 
 export default {
     emits: ['menubutton-click'],
@@ -146,17 +144,14 @@ export default {
             versions: [
                 {
                     name: 'v4',
-                    version: pkg.version,
                     url: 'https://v4.primevue.org'
                 },
                 {
                     name: 'v3',
-                    version: '@latest',
                     url: 'https://www.primevue.org'
                 },
                 {
                     name: 'v2',
-                    version: '@latest',
                     url: 'https://www.primefaces.org/primevue-v2'
                 }
             ]
@@ -167,7 +162,7 @@ export default {
     mounted() {
         this.bindScrollListener();
 
-        docsearch({
+        /*docsearch({
             container: '#docsearch',
             appId: '01CMUF4W4R',
             indexName: 'primevue',
@@ -188,7 +183,7 @@ export default {
                     return item;
                 });
             }
-        });
+        });*/
     },
     beforeUnmount() {
         if (this.scrollListener) {