fix: adjust docs for 2.2.0 release

Author: setaman

.github/workflows/build.yml

@@ -11,12 +11,12 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
           node-version: 22
 

docs/guide/README.md

@@ -4,7 +4,7 @@ pageClass: quick-start
 
 # vue-ellipse-progress
 
-[![npm (tag)](https://img.shields.io/npm/v/vue-ellipse-progress/next?color=success&label=NPM&style=for-the-badge)](https://www.npmjs.com/package/vue-ellipse-progress)
+[![NPM Version](https://img.shields.io/npm/v/vue-ellipse-progress?style=for-the-badge&color=success)](https://www.npmjs.com/package/vue-ellipse-progress)
 ![GitHub](https://img.shields.io/github/license/setaman/vue-ellipse-progress?style=for-the-badge)
 ![GitHub Workflow Status (with event)](https://img.shields.io/github/actions/workflow/status/setaman/vue-ellipse-progress/build.yml?style=for-the-badge)
 
@@ -13,7 +13,7 @@ Start creating circles in three steps:
 
 ```js
 // install
-npm i vue-ellipse-progress@next
+npm i vue-ellipse-progress
 // initialize
 import veProgress from "vue-ellipse-progress";
 createApp(App).use(veProgress);

docs/guide/installation.md

@@ -6,32 +6,31 @@ this way there is the possibility to use the library either in plugin mode or to
 
 ::: warning Vue compatibility
 Please note that for Vue 3 compatibility you have to use most recent <Badge type="tip" text="2.x" vertical="middle" />
-version of the library. Vue 2 users have
-to use <Badge type="tip" text="1.x" vertical="middle" /> version.
+version of the library which is a default version starting with `v2.2.0` tag. 
+Vue 2 users have
+to use <Badge type="tip" text="1.x" vertical="middle" /> version that is now considered as legacy.
 :::
 
 ## Package Manager
 
 Use your favorite package manager to install the library from NPM. After the installation you have the choice to
 initialize the component as a plugin or to import it directly.
 
-<CodeGroup>
-  <CodeGroupItem title="NPM" active>
+::: tabs
 
-```bash:no-line-numbers
-npm i vue-ellipse-progress@next
-```
+@tab npm
 
-  </CodeGroupItem>
+```bash
+npm i vue-ellipse-progress
+```
 
-  <CodeGroupItem title="Yarn">
+@tab yarn
 
-```bash:no-line-numbers
-yarn add vue-ellipse-progress@next
+```bash
+yarn add vue-ellipse-progress
 ```
+:::
 
-  </CodeGroupItem>
-</CodeGroup>
 
 ### Initialize as Plugin
 

package-lock.json

@@ -44,7 +44,7 @@
     "@vuepress/plugin-medium-zoom": "2.0.0-beta.66",
     "randomcolor": "^0.6.2",
     "vite": "^5.4.7",
-    "vue-ellipse-progress": "^2.1.2"
+    "vue-ellipse-progress": "^2.2.0"
   },
   "packageRules": [
     {