From 068ae2499f8f00e2f048b587998de53b27bd4ec1 Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Tue, 3 Sep 2024 12:45:33 +0800
Subject: [PATCH] chore: update website link, migration tips

---
 README.md                                     |  8 +++---
 docs/getting-started/installation.md          |  2 +-
 docs/plugins/api.md                           |  2 +-
 packages/chrome-extension/popups/enabled.html |  2 +-
 .../chrome-extension/popups/enabled.nuxt.html |  2 +-
 .../popups/enabled.vitepress.html             |  2 +-
 packages/client/src/pages/index.vue           | 27 ++++++++++++++++---
 packages/devtools-api/README.md               |  2 +-
 packages/devtools/README.md                   |  2 +-
 .../firefox-extension/popups/enabled.html     |  2 +-
 .../popups/enabled.nuxt.html                  |  2 +-
 .../popups/enabled.vitepress.html             |  2 +-
 packages/vite/README.md                       |  2 +-
 13 files changed, 39 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 71f9f68d..689d0ca9 100644
--- a/README.md
+++ b/README.md
@@ -10,10 +10,10 @@
 ## Getting Started
 
 - [Chrome Extension](https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg)
-- [Install as Vite plugin](https://devtools-next.vuejs.org/guide/vite-plugin)
-- [Standalone App](https://devtools-next.vuejs.org/guide/standalone)
+- [Install as Vite plugin](https://devtools.vuejs.org/guide/vite-plugin)
+- [Standalone App](https://devtools.vuejs.org/guide/standalone)
 
-For more details, check out the documentation at [devtools-next.vuejs.org](https://devtools-next.vuejs.org).
+For more details, check out the documentation at [devtools.vuejs.org](https://devtools.vuejs.org).
 
 ## Sponsors
 
@@ -25,7 +25,7 @@ For more details, check out the documentation at [devtools-next.vuejs.org](https
 
 ## Contribution
 
-Please make sure to read the [Contributing Guide](https://devtools-next.vuejs.org/help/contributing) before making a pull request.
+Please make sure to read the [Contributing Guide](https://devtools.vuejs.org/help/contributing) before making a pull request.
 
 Thank you to all the people who already contributed to Vue DevTools!
 
diff --git a/docs/getting-started/installation.md b/docs/getting-started/installation.md
index 2ece9f66..3ca98fde 100644
--- a/docs/getting-started/installation.md
+++ b/docs/getting-started/installation.md
@@ -9,7 +9,7 @@ There are multiple options to add this tool to your projects, ensuring that it f
 ## Notice
 
 :::warning Compatibility Note
-The DevTools is only compatible with Vue 3. If you are still using Vue2, use [vue-devtools](https://devtools.vuejs.org/) instead.
+The DevTools is only compatible with Vue 3. If you are still using Vue2, use [vue-devtools](https://devtools-v6.vuejs.org/) instead.
 :::
 
 :::tip Recommendation
diff --git a/docs/plugins/api.md b/docs/plugins/api.md
index 54a80aed..430e0c06 100644
--- a/docs/plugins/api.md
+++ b/docs/plugins/api.md
@@ -4,7 +4,7 @@ Plugins API for easier DevTools integrations.
 
 :::tip
 
-Since v7.3.0, we are fully compatible with the v6 plugin API. You can check out the [API documentation](https://devtools.vuejs.org/plugin/api-reference.html) here.
+Since v7.3.0, we are fully compatible with the v6 plugin API. You can check out the [API documentation](https://devtools-v6.vuejs.org/plugin/api-reference.html) here.
 :::
 
 ## Installation
diff --git a/packages/chrome-extension/popups/enabled.html b/packages/chrome-extension/popups/enabled.html
index 34ea4281..8957b7fc 100644
--- a/packages/chrome-extension/popups/enabled.html
+++ b/packages/chrome-extension/popups/enabled.html
@@ -13,7 +13,7 @@
     </p>
 
     <p>
-      <a href="https://devtools-next.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
+      <a href="https://devtools.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
     </p>
   </div>
 </div>
diff --git a/packages/chrome-extension/popups/enabled.nuxt.html b/packages/chrome-extension/popups/enabled.nuxt.html
index 008465f5..ce40efce 100644
--- a/packages/chrome-extension/popups/enabled.nuxt.html
+++ b/packages/chrome-extension/popups/enabled.nuxt.html
@@ -13,7 +13,7 @@
     </p>
 
     <p>
-      <a href="https://devtools-next.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
+      <a href="https://devtools.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
     </p>
   </div>
 </div>
diff --git a/packages/chrome-extension/popups/enabled.vitepress.html b/packages/chrome-extension/popups/enabled.vitepress.html
index cc960111..8b1bf98a 100644
--- a/packages/chrome-extension/popups/enabled.vitepress.html
+++ b/packages/chrome-extension/popups/enabled.vitepress.html
@@ -13,7 +13,7 @@
     </p>
 
     <p>
-      <a href="https://devtools-next.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
+      <a href="https://devtools.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
     </p>
   </div>
 </div>
diff --git a/packages/client/src/pages/index.vue b/packages/client/src/pages/index.vue
index ce35b7a1..a6e0f943 100644
--- a/packages/client/src/pages/index.vue
+++ b/packages/client/src/pages/index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { VueButton } from '@vue/devtools-ui'
 
+const hostEnv = useHostEnv()
 const router = useRouter()
 const clientState = devtoolsClientState
 
@@ -11,7 +12,27 @@ function visit() {
 </script>
 
 <template>
-  <div flex="~ col gap3" relative h-screen w-full items-center justify-center text-center>
+  <div v-if="hostEnv === 'chrome'" flex="~ col gap3" relative h-screen w-full items-center justify-center text-center>
+    <p my2 text-3em text-primary-600 font-bold font-stylish>
+      👋 Welcome to the new Vue Devtools v7!
+    </p>
+    <p max-w-190 text-lg>
+      This new version supports only Vue 3. <span op50>
+        (Learn more at
+        <a href="https://devtools.vuejs.org/" target="_blank" rel="noopener noreferrer" n="primary">
+          devtools.vuejs.org
+        </a>)
+      </span>
+      <br>
+      The legacy version that supports both Vue 2 and Vue 3 has been moved to <a href="https://chromewebstore.google.com/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp" target="_blank" class="op50">here</a>.
+    </p>
+
+    <VueButton type="primary" @click="visit">
+      <span>Get Started</span>
+    </VueButton>
+  </div>
+  <!--  -->
+  <div v-else flex="~ col gap3" relative h-screen w-full items-center justify-center text-center>
     <p my2 text-3em text-primary-600 font-bold font-stylish>
       👋 Hi there, welcome to Vue DevTools!
     </p>
@@ -21,8 +42,8 @@ function visit() {
     </p>
     <p mb6 op50>
       Learn more at
-      <a href="https://devtools-next.vuejs.org/" target="_blank" rel="noopener noreferrer" n="primary">
-        devtools-next.vuejs.org
+      <a href="https://devtools.vuejs.org/" target="_blank" rel="noopener noreferrer" n="primary">
+        devtools.vuejs.org
       </a>
     </p>
 
diff --git a/packages/devtools-api/README.md b/packages/devtools-api/README.md
index b10b735e..4481de4e 100644
--- a/packages/devtools-api/README.md
+++ b/packages/devtools-api/README.md
@@ -4,4 +4,4 @@
 
 ## Getting Started
 
-Please follow the documentation at [devtools-next.vuejs.org](https://devtools-next.vuejs.org/plugins/api).
+Please follow the documentation at [devtools.vuejs.org](https://devtools.vuejs.org/plugins/api).
diff --git a/packages/devtools/README.md b/packages/devtools/README.md
index 32ea945e..fcb93f03 100644
--- a/packages/devtools/README.md
+++ b/packages/devtools/README.md
@@ -4,4 +4,4 @@
 
 ## Getting Started
 
-Please follow the documentation at [devtools-next.vuejs.org](https://devtools-next.vuejs.org/guide/standalone).
+Please follow the documentation at [devtools.vuejs.org](https://devtools.vuejs.org/guide/standalone).
diff --git a/packages/firefox-extension/popups/enabled.html b/packages/firefox-extension/popups/enabled.html
index 34ea4281..8957b7fc 100644
--- a/packages/firefox-extension/popups/enabled.html
+++ b/packages/firefox-extension/popups/enabled.html
@@ -13,7 +13,7 @@
     </p>
 
     <p>
-      <a href="https://devtools-next.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
+      <a href="https://devtools.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
     </p>
   </div>
 </div>
diff --git a/packages/firefox-extension/popups/enabled.nuxt.html b/packages/firefox-extension/popups/enabled.nuxt.html
index 008465f5..ce40efce 100644
--- a/packages/firefox-extension/popups/enabled.nuxt.html
+++ b/packages/firefox-extension/popups/enabled.nuxt.html
@@ -13,7 +13,7 @@
     </p>
 
     <p>
-      <a href="https://devtools-next.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
+      <a href="https://devtools.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
     </p>
   </div>
 </div>
diff --git a/packages/firefox-extension/popups/enabled.vitepress.html b/packages/firefox-extension/popups/enabled.vitepress.html
index cc960111..8b1bf98a 100644
--- a/packages/firefox-extension/popups/enabled.vitepress.html
+++ b/packages/firefox-extension/popups/enabled.vitepress.html
@@ -13,7 +13,7 @@
     </p>
 
     <p>
-      <a href="https://devtools-next.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
+      <a href="https://devtools.vuejs.org/help/troubleshooting" target="_blank">Troubleshooting</a>
     </p>
   </div>
 </div>
diff --git a/packages/vite/README.md b/packages/vite/README.md
index d43b8395..1d4e6651 100644
--- a/packages/vite/README.md
+++ b/packages/vite/README.md
@@ -28,4 +28,4 @@ export default defineConfig({
 
 ## Documentation
 
-Check out all the DevTools details at [devtools-next.vuejs.org](https://devtools-next.vuejs.org).
+Check out all the DevTools details at [devtools.vuejs.org](https://devtools.vuejs.org).