From 5c55b14051a76d015b9490adda7365df048ce9b9 Mon Sep 17 00:00:00 2001 From: Haoqun Jiang Date: Tue, 29 Jul 2025 01:14:22 +0800 Subject: [PATCH 1/2] docs: add browser setup instructions in the generated README [skip ci] I find that there are still many users who are not aware of the [custom object formatter feature](https://x.com/youyuxi/status/1316043978597376000) so I added the instructions for more visibility. --- utils/generateReadme.ts | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/utils/generateReadme.ts b/utils/generateReadme.ts index b5b50f765..710791460 100644 --- a/utils/generateReadme.ts +++ b/utils/generateReadme.ts @@ -30,6 +30,15 @@ This template should help get you started developing with Vue 3 in Vite. ## Recommended IDE Setup [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). + +## Recommended Browser Setup + +- Chromium-based browsers (Chrome, Edge, Brave, etc.): + - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) + - [Turn on Custom Object Formmater in Chrome DevTools](http://bit.ly/object-formatters) +- Firefox: + - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/) + - [Turn on Custom Object Formmater in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/) ${needsTypeScript ? sfcTypeSupportDoc : ''} ## Customize configuration From d4b4d458750bc1b0995c4414124555e0f9fadcc6 Mon Sep 17 00:00:00 2001 From: Haoqun Jiang Date: Tue, 29 Jul 2025 16:46:40 +0800 Subject: [PATCH 2/2] docs: fix typo [skip ci] --- utils/generateReadme.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/utils/generateReadme.ts b/utils/generateReadme.ts index 834296f8b..c91f35705 100644 --- a/utils/generateReadme.ts +++ b/utils/generateReadme.ts @@ -35,10 +35,10 @@ This template should help get you started developing with Vue 3 in Vite. - Chromium-based browsers (Chrome, Edge, Brave, etc.): - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) - - [Turn on Custom Object Formmater in Chrome DevTools](http://bit.ly/object-formatters) + - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters) - Firefox: - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/) - - [Turn on Custom Object Formmater in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/) + - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/) ${needsTypeScript ? sfcTypeSupportDoc : ''} ## Customize configuration