chore: update website link, migration tips (#596)

Author: webfansplz

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!
 

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

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

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>

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>

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>

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>
 

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).

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).

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>