diff --git a/.github/workflows/gh-pages.yaml b/.github/workflows/gh-pages.yaml
index 904c15a..c1cc29a 100644
--- a/.github/workflows/gh-pages.yaml
+++ b/.github/workflows/gh-pages.yaml
@@ -3,7 +3,7 @@ name: github-pages
 on:
   push:
     branches:
-      - master
+      - legacy
 
 jobs:
   build-deploy:
@@ -29,3 +29,4 @@ jobs:
           keep_files: true
           publish_branch: gh-pages
           publish_dir: ./docs
+          destination_dir: legacy
diff --git a/README.md b/README.md
index 4fe665a..e556b86 100644
--- a/README.md
+++ b/README.md
@@ -30,14 +30,19 @@
 
 <hr>
 
+<!-- tell users this is for vue 2 and its not maintained but stable -->
+>[!IMPORTANT]
+> This is the documentation for the legacy version of `vue-css-donut-chart` which supports Vue 2 and is no longer maintained. However, it is stable and can be used in existing projects. If you are starting a new project or using Vue 3, consider using the latest version of the package which is written in TypeScript and supports Vue 3.
+
+
 | Using Vue 3? |
 | :- |
-| Check out the [documentation for vue-css-donut-chart v2](https://github.com/dumptyd/vue-css-donut-chart/tree/next). |
-| **NPM** - https://www.npmjs.com/package/vue-css-donut-chart/v/next |
+| Check out the [documentation for vue-css-donut-chart v2](https://github.com/dumptyd/vue-css-donut-chart). |
+| **NPM** - https://www.npmjs.com/package/vue-css-donut-chart/ |
 
 ## Live demo
 
-Live demo can be found on the project page &ndash; https://dumptyd.github.io/vue-css-donut-chart
+Live demo can be found on the project page &ndash; https://dumptyd.github.io/vue-css-donut-chart/legacy/
 
 Playground &ndash; https://jsfiddle.net/dumptyd/ujvypcd3/
 
@@ -74,14 +79,14 @@ Playground &ndash; https://jsfiddle.net/dumptyd/ujvypcd3/
 #### Install via `yarn` or `npm`
 
 ```console
-yarn add vue-css-donut-chart
+yarn add vue-css-donut-chart@legacy
 ```
 
 <p align="center"><strong><small>OR</small></strong></p>
 
 
 ```console
-npm install vue-css-donut-chart
+npm install vue-css-donut-chart@legacy
 ```
 
 #### Registering `vue-css-donut-chart`
@@ -241,4 +246,4 @@ All the `section-*` listeners are called with the `section` object on which the
 
 ## License
 
-Code released under [MIT](https://github.com/vue-css-donut-chart/vue-css-donut-chart/blob/master/LICENSE) license.
+Code released under [MIT](https://github.com/dumptyd/vue-css-donut-chart/blob/legacy/LICENSE) license.
diff --git a/src/components/site/Demo.vue b/src/components/site/Demo.vue
index 0caf2f7..a749517 100644
--- a/src/components/site/Demo.vue
+++ b/src/components/site/Demo.vue
@@ -5,17 +5,17 @@
     <div>
       Lightweight
       <select class="vue-version-select" @change="handleVersionSelectChange">
-        <option value="/vue-css-donut-chart" selected>Vue 2</option>
-        <option value="/vue-css-donut-chart/next">Vue 3</option>
+        <option value="/vue-css-donut-chart/legacy" selected>Vue 2</option>
+        <option value="/vue-css-donut-chart">Vue 3</option>
       </select>
       component for drawing pure CSS donut charts
     </div>
   </div>
 
   <nav class="container-nav">
-    <a href="https://github.com/dumptyd/vue-css-donut-chart/blob/master/README.md">Documentation</a>
-    <a href="https://github.com/dumptyd/vue-css-donut-chart/blob/master/README.md#installation">Installation</a>
-    <a href="https://github.com/dumptyd/vue-css-donut-chart/blob/master/README.md#usage">Usage</a>
+    <a href="https://github.com/dumptyd/vue-css-donut-chart/blob/legacy/README.md">Documentation</a>
+    <a href="https://github.com/dumptyd/vue-css-donut-chart/blob/legacy/README.md#installation">Installation</a>
+    <a href="https://github.com/dumptyd/vue-css-donut-chart/blob/legacy/README.md#usage">Usage</a>
     <a href="https://github.com/dumptyd/vue-css-donut-chart">GitHub</a>
   </nav>
   <div class="container-donut">
diff --git a/vue.config.js b/vue.config.js
index af9b0da..9de9fa6 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,4 @@
 module.exports = {
   productionSourceMap: false,
-  publicPath: process.env.NODE_ENV === 'production' ? '/vue-css-donut-chart/' : '/'
+  publicPath: process.env.NODE_ENV === 'production' ? '/vue-css-donut-chart/legacy/' : '/'
 };