Merge branch 'main' into feat/api-inspect-state

Author: alexzhang1030

.eslintignore

@@ -35,4 +35,4 @@ jobs:
       - name: Lint
         run: nr lint --fix
 
-      - uses: autofix-ci/action@ea32e3a12414e6d3183163c3424a7d7a8631ad84
+      - uses: autofix-ci/action@ff86a557419858bb967097bfc916833f5647fa8c

.github/workflows/autofix.yml

@@ -0,0 +1,36 @@
+name: Publish Any Commit
+
+on:
+  pull_request:
+  push:
+    branches:
+      - '**'
+    tags:
+      - '!**'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - run: corepack enable
+
+      - name: Set node
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          cache: pnpm
+
+      - name: Install
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build
+
+      - name: Release
+        run: pnpm dlx pkg-pr-new publish --compact --pnpm './packages/{core,devtools,devtools-api,devtools-kit,vite}'

.github/workflows/pkg.pr.new.yml

@@ -1,5 +1,10 @@
 {
-  "eslint.experimental.useFlatConfig": true,
+  "eslint.useFlatConfig": true,
+  "eslint.options": {
+    "flags": [
+      "unstable_ts_config"
+    ]
+  },
   "prettier.enable": false,
   "editor.codeActionsOnSave": {
     "source.fixAll": "explicit"

.vscode/settings.json

@@ -9,7 +9,11 @@
 
 ## Getting Started
 
-Please follow the documentation at [devtools-next.vuejs.org](https://devtools-next.vuejs.org).
+- [Chrome Extension](https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg)
+- [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.vuejs.org](https://devtools.vuejs.org).
 
 ## Sponsors
 
@@ -21,7 +25,7 @@ Please follow the documentation at [devtools-next.vuejs.org](https://devtools-ne
 
 ## 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!
 

README.md

@@ -0,0 +1,8 @@
+import { defineConfig } from 'bumpp'
+import fg from 'fast-glob'
+
+export default defineConfig({
+  files: fg.sync(['./packages/*/package.json'], {
+    ignore: ['./packages/*-extension/package.json'],
+  }),
+})

bump.config.ts

@@ -14,10 +14,10 @@ const list = [
     link: '/guide/standalone',
   },
   {
-    name: 'Chrome Extension',
+    name: 'Chrome Extension (Beta)',
     logo: '/features/chrome-logo.svg',
-    link: '/guide/browser-extension',
-    disabled: true,
+    link: 'https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcmogpfapbkkighbhhppjdbg?utm_source=ext_sidebar',
+    blank: true,
   },
 ]
 </script>
@@ -36,6 +36,7 @@ const list = [
     >
       <a
         :href="item.link"
+        :target="item.blank ? '_blank' : '_self'"
         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!"
       >
         <img :src="item.logo" :alt="item.name" class="mx-2 h-10">

docs/.vitepress/components/UseModeList.vue

@@ -7,6 +7,7 @@ const GETTING_STARTED: DefaultTheme.NavItemWithLink[] = [
   { text: 'Introduction', link: '/getting-started/introduction' },
   { text: 'Installation', link: '/getting-started/installation' },
   { text: 'Features', link: '/getting-started/features' },
+  { text: 'Open in editor', link: '/getting-started/open-in-editor' },
 ]
 
 const GUIDES: DefaultTheme.NavItemWithLink[] = [
@@ -66,7 +67,7 @@ export default defineConfig({
       },
       {
         text: 'Playground',
-        link: 'https://stackblitz.com/github/vuejs/create-vue-templates/tree/main/devtools',
+        link: 'https://stackblitz.com/github/vuejs/create-vue-templates/tree/main/devtools-router-pinia',
       },
     ],
 

docs/.vitepress/config.ts

@@ -92,17 +92,9 @@
 
 :root {
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(
-    120deg,
-    #42d392 30%,
-    #41d1ff
-  );
-
-  --vp-home-hero-image-background-image: linear-gradient(
-    -45deg,
-    #4acf93 50%,
-    #c3edda 50%
-  );
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #42d392 30%, #41d1ff);
+
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #4acf93 50%, #c3edda 50%);
   --vp-home-hero-image-filter: blur(44px);
 }
 

docs/.vitepress/theme/style.css

@@ -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