docs: set default docs to current

Author: ealush

website/docs/get_started.md

@@ -7,17 +7,21 @@ keywords: [Vest, Get started, Quickstart, Validation, JavaScript]
 
 # Introduction to Vest
 
-Vest is a JavaScript validation framework that allows you to write and run validations for your code. It is designed to be simple to use while still being powerful enough to handle complex validation scenarios. In this guide, we'll walk you through the process of installing Vest and writing your first validation suite.
+Vest is a powerful and easy-to-use JavaScript validation framework that allows you to write and run validations for your code. It is designed to handle complex validation scenarios while still being simple to use. This guide will show you how to install and use Vest@5, the latest version of the framework that's currently in development.
+
+## Development status
+
+Vest@5 is currently in its final development stages and all features are already supported. Although it has not been officially released yet, you can still install and use it by installing the "next" tag with the following command:
 
 ## Installation
 
 To get started with Vest, you will need to install it using npm. Open up your terminal and run the following command:
 
 ```
-npm i vest
+npm i vest@next
 ```
 
-This will install the latest stable version of Vest in your project.
+This will install the next version of Vest in your project.
 
 ## Writing your first suite
 

website/docusaurus.config.js

@@ -39,10 +39,10 @@ const config = {
           sidebarPath: require.resolve('./sidebars.js'),
           // Please change this to your repo.
           editUrl: 'https://github.com/ealush/vest/edit/latest/website/',
-          lastVersion: 'current',
+          lastVersion: '4.x',
           versions: {
-            current: {
-              label: '5.x',
+            '4.x': {
+              label: '4.x',
             },
           },
         },

website/src/pages/index.js

@@ -42,6 +42,14 @@ function HomepageHeader() {
           Github
         </Link>
       </div>
+      <div className={styles.buttons}>
+        <Link
+          className={clsx('button', styles.btn, styles.btnPromote)}
+          to="/docs/next/get_started"
+        >
+          Try The Next Version!
+        </Link>
+      </div>
     </header>
   );
 }

website/src/pages/index.module.css

@@ -49,6 +49,10 @@
   width: 100%;
 }
 
+.buttons + .buttons {
+  margin-top: 1rem;
+}
+
 .btn {
   border: none;
   font-weight: 400;
@@ -81,6 +85,16 @@
   background: #d0d2d7;
 }
 
+.btnPromote {
+  color: var(--ifm-color-primary-lightest);
+  background: #e91e63;
+}
+
+.btnPromote:hover {
+  background: #bc124c;
+  color: var(--ifm-color-primary-lightest);
+}
+
 .logoContainer {
   height: 300px;
   width: 300px;

website/versioned_docs/version-4.x/get_started.md

@@ -15,12 +15,6 @@ To install the stable version of Vest, run:
 npm i vest
 ```
 
-You can also embed Vest directly as a script tag in your page:
-
-```html
-<script src="https://unpkg.com/vest@4/dist/umd/vest.production.js"></script>
-```
-
 ## Writing your first suite
 
 A Vest suite is very similar to a unit testing suite in Jest or Mocha, so the following might look familiar: