Merge branch 'vuejs:main' into main

Author: simple5960

README.md

@@ -1,15 +1,17 @@
 <p align="center">
-  <a href="https://github.com/vuejs/devtools-next">
-    <img src="https://raw.githubusercontent.com/vuejs/devtools-next/main/docs/public/logo.svg" alt="Vue DevTools - Unleash Vue Developer Experience" width="200">
+  <a href="https://github.com/vuejs/devtools">
+    <img src="https://raw.githubusercontent.com/vuejs/devtools/main/docs/public/logo.svg" alt="Vue DevTools - Unleash Vue Developer Experience" width="200">
   </a>
   <br>
-  <h1 align="center">Vue DevTools Next</h1>
+  <h1 align="center">Vue DevTools</h1>
   <p align="center">Unleash Vue Developer Experience</p>
 </p>
 
+> Note: this repository is for Vue Devtools v7 (previously known as Vue Devtools Next). The now legacy v6 version has been moved to [vuejs/devtools-v6](https://github.com/vuejs/devtools-v6).
+
 ## Getting Started
 
-- [Chrome Extension](https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg)
+- [Chrome Extension](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
 - [Install as Vite plugin](https://devtools.vuejs.org/guide/vite-plugin)
 - [Standalone App](https://devtools.vuejs.org/guide/standalone)
 
@@ -29,8 +31,8 @@ Please make sure to read the [Contributing Guide](https://devtools.vuejs.org/hel
 
 Thank you to all the people who already contributed to Vue DevTools!
 
-<!-- <a href="https://github.com/vuejs/devtools-next/graphs/contributors">
- <img src="https://contrib.rocks/image?repo=vuejs/devtools-next" />
+<!-- <a href="https://github.com/vuejs/devtools/graphs/contributors">
+ <img src="https://contrib.rocks/image?repo=vuejs/devtools" />
 </a> -->
 
 ## License

docs/.vitepress/components/HomeContributors.vue

@@ -5,8 +5,8 @@
     </h2>
   </div>
   <p id="contributors" class="mt-5 text-center">
-    <a href="https://github.com/vuejs/devtools-next/graphs/contributors">
-      <img src="https://contrib.rocks/image?repo=vuejs/devtools-next">
+    <a href="https://github.com/vuejs/devtools/graphs/contributors">
+      <img src="https://contrib.rocks/image?repo=vuejs/devtools">
     </a>
   </p>
 </template>

docs/.vitepress/components/UseModeList.vue

@@ -14,9 +14,9 @@ const list = [
     link: '/guide/standalone',
   },
   {
-    name: 'Chrome Extension (Beta)',
+    name: 'Chrome Extension',
     logo: '/features/chrome-logo.svg',
-    link: 'https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg?utm_source=ext_sidebar',
+    link: 'https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=ext_sidebar',
     blank: true,
   },
 ]

docs/.vitepress/config.ts

@@ -27,7 +27,7 @@ const PLUGINS: DefaultTheme.NavItemWithLink[] = [
 ]
 
 // const VERSIONS: DefaultTheme.NavItemWithLink[] = [
-//   { text: `v${version} (current)`, link: 'https://github.com/vuejs/devtools-next/releases' },
+//   { text: `v${version} (current)`, link: 'https://github.com/vuejs/devtools/releases' },
 // ]
 
 // https://vitepress.dev/reference/site-config
@@ -117,15 +117,15 @@ export default defineConfig({
     ),
 
     editLink: {
-      pattern: 'https://github.com/vuejs/devtools-next/edit/main/docs/:path',
+      pattern: 'https://github.com/vuejs/devtools/edit/main/docs/:path',
       text: 'Suggest changes to this page',
     },
     search: {
       provider: 'local',
     },
 
     socialLinks: [
-      { icon: 'github', link: 'https://github.com/vuejs/devtools-next' },
+      { icon: 'github', link: 'https://github.com/vuejs/devtools' },
     ],
 
     footer: {

docs/guide/browser-extension.md

@@ -6,20 +6,20 @@ The v7 version of devtools only supports Vue3. If your application is still usin
 
 ## Chrome
 
-The extension is in beta, remove or disable any existing versions and install the extension from [here](https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg?utm_source=ext_sidebar).
+Remove or disable any existing versions and install the extension from [here](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=ext_sidebar).
 
  <div
   class="w-83 group cursor-pointer list-none rounded pr-5 hover:b-$vp-c-brand-1"
   border="~ solid base" flex="~ flex-row items-center"
 >
   <a
-    href="https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg?utm_source=ext_sidebar"
+    href="https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=ext_sidebar"
     class="group text-! h-full w-full flex cursor-pointer list-none items-center rounded pr-5 hover:b-$vp-c-brand-1 text-$vp-c-text-1! decoration-none!"
     target="_blank"
   >
     <img src="/features/chrome-logo.svg" alt="Chrome Extension" class="mx-2 h-10">
     <p class="group-hover:text-$vp-c-brand-1">
-      Install Beta version on Chrome
+      Install on Chrome
     </p>
   </a>
 </div>
@@ -28,24 +28,24 @@ The extension is in beta, remove or disable any existing versions and install th
 
 ...and other Chromium-based browsers.
 
-This is the same as the Chrome extension, but you need to install it from the Chrome Web Store. You can install it from [here](https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg?utm_source=ext_sidebar).
+This is the same as the Chrome extension, but you need to install it from the Chrome Web Store. You can install it from [here](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=ext_sidebar).
 
  <div
   class="w-123 group cursor-pointer list-none rounded pr-5 hover:b-$vp-c-brand-1"
   border="~ solid base" flex="~ flex-row items-center"
 >
   <a
-    href="https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg?utm_source=ext_sidebar"
+    href="https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=ext_sidebar"
     class="group text-! h-full w-full flex cursor-pointer list-none items-center rounded pr-5 hover:b-$vp-c-brand-1 text-$vp-c-text-1! decoration-none!"
     target="_blank"
   >
     <img src="/features/chromium-logo.svg" alt="Chrome Extension" class="mx-2 h-10">
     <p class="group-hover:text-$vp-c-brand-1">
-      Install Beta version on Chromium-based browsers
+      Install on Chromium-based browsers
     </p>
   </a>
 </div>
 
 ## Firefox
 
-We'll launch on the Firefox App Store once v7.0 is stable.
+We'll launch on the Firefox App Store once v7.x is stable.

docs/index.md

@@ -15,7 +15,7 @@ hero:
       link: /getting-started/features
     - theme: alt
       text: View on GitHub
-      link: https://github.com/vuejs/devtools-next
+      link: https://github.com/vuejs/devtools
   image:
     src: /logo.svg
     alt: Vue DevTools

docs/package.json

@@ -8,10 +8,10 @@
     "docs:preview": "vitepress preview"
   },
   "devDependencies": {
-    "@unocss/reset": "^0.63.4",
-    "@vueuse/core": "^11.1.0",
+    "@unocss/reset": "^0.64.0",
+    "@vueuse/core": "^11.2.0",
     "unplugin-vue-components": "^0.27.4",
-    "vitepress": "1.4.1",
+    "vitepress": "1.5.0",
     "vue": "^3.5.12"
   }
 }

package.json

@@ -3,17 +3,17 @@
   "type": "module",
   "version": "7.3.2",
   "private": true,
-  "packageManager": "[email protected].2",
+  "packageManager": "[email protected].3",
   "description": "DevTools for Vue.js",
   "author": "webfansplz",
   "license": "MIT",
-  "homepage": "https://github.com/vuejs/devtools-next#readme",
+  "homepage": "https://github.com/vuejs/devtools#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vuejs/devtools-next.git"
+    "url": "git+https://github.com/vuejs/devtools.git"
   },
   "bugs": {
-    "url": "https://github.com/vuejs/devtools-next/issues"
+    "url": "https://github.com/vuejs/devtools/issues"
   },
   "keywords": [
     "vue-devtools",
@@ -74,48 +74,48 @@
   "devDependencies": {
     "@antfu/eslint-config": "^3.8.0",
     "@antfu/ni": "^0.23.0",
-    "@arethetypeswrong/cli": "^0.16.4",
+    "@arethetypeswrong/cli": "^0.17.0",
     "@clack/prompts": "^0.7.0",
-    "@types/chrome": "^0.0.279",
+    "@types/chrome": "^0.0.280",
     "@types/degit": "^2.8.6",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.16.14",
-    "@typescript-eslint/parser": "^8.11.0",
-    "@typescript-eslint/utils": "^8.11.0",
-    "@unocss/eslint-plugin": "^0.63.4",
+    "@types/node": "^22.9.0",
+    "@typescript-eslint/parser": "^8.13.0",
+    "@typescript-eslint/utils": "^8.13.0",
+    "@unocss/eslint-plugin": "^0.64.0",
     "@vue/devtools-core": "workspace:^",
     "@vue/devtools-kit": "workspace:^",
     "@vue/test-utils": "^2.4.6",
     "archiver": "^7.0.1",
-    "bumpp": "^9.7.1",
+    "bumpp": "^9.8.1",
     "cross-env": "^7.0.3",
     "degit": "^2.8.4",
-    "eslint": "^9.13.0",
+    "eslint": "^9.14.0",
     "eslint-plugin-format": "^0.1.2",
     "eslint-vitest-rule-tester": "^0.6.1",
     "execa": "^8.0.1",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
-    "npm-run-all2": "^6.2.6",
+    "npm-run-all2": "^7.0.1",
     "picocolors": "^1.1.1",
-    "pnpm": "^9.12.2",
+    "pnpm": "^9.12.3",
     "progress": "^2.0.3",
-    "publint": "^0.2.11",
-    "readdir-glob": "^2.0.0",
+    "publint": "^0.2.12",
+    "readdir-glob": "^2.0.1",
     "regex-extra": "^0.2.2",
     "semver": "^7.6.3",
     "simple-git-hooks": "^2.11.1",
-    "taze": "^0.17.2",
-    "tsup": "^8.3.0",
-    "tsx": "^4.19.1",
+    "taze": "^0.18.0",
+    "tsup": "^8.3.5",
+    "tsx": "^4.19.2",
     "turbo": "^2.2.3",
     "typescript": "^5.6.3",
     "unbuild": "^2.0.0",
-    "unocss": "^0.63.4",
-    "vite": "^5.4.9",
-    "vitest": "^2.1.3",
+    "unocss": "^0.64.0",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.4",
     "vue": "^3.5.12"
   },
   "simple-git-hooks": {

packages/applet/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@vue/devtools-applet",
   "type": "module",
-  "version": "7.5.4",
+  "version": "7.6.4",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
     "directory": "packages/applet",
     "type": "git",
-    "url": "git+https://github.com/vuejs/devtools-next.git"
+    "url": "git+https://github.com/vuejs/devtools.git"
   },
   "exports": {
     ".": {
@@ -35,7 +35,7 @@
     "@vue/devtools-ui": "workspace:^",
     "lodash-es": "^4.17.21",
     "perfect-debounce": "^1.0.0",
-    "shiki": "^1.22.0",
+    "shiki": "^1.22.2",
     "splitpanes": "^3.1.5",
     "vue-virtual-scroller": "2.0.0-beta.8"
   },

packages/applet/src/components/state/RootStateViewer.vue

@@ -50,7 +50,7 @@ const { expanded, toggleExpanded } = useToggleExpanded(props.expandedStateId)
         />
         <!-- placeholder -->
         <span v-else pl5 />
-        <span font-state-field text-3.5>
+        <span font-state-field text-3.5 text-hex-a3a3a3>
           {{ key }}
         </span>
       </div>