From 57fb54eb715a27c11b8971e4c9d87c4387ee2795 Mon Sep 17 00:00:00 2001 From: Lanre Adelowo Date: Tue, 20 Aug 2024 20:54:41 +0100 Subject: [PATCH] make copyable example useful by default When copying the command, the $ appears in the copied text which makes a tiny text processing required - i.e removing the prefix. Instead of being able to just paste in a terminal and get going. This mimics the behaviour of all commands everywhere else in the docs I could find. e.g https://tanstack.com/query/latest/docs/framework/react/installation --- docs/framework/angular/devtools.md | 8 ++++---- docs/framework/react/devtools.md | 8 ++++---- docs/framework/solid/devtools.md | 8 ++++---- docs/framework/vue/devtools.md | 8 ++++---- 4 files changed, 16 insertions(+), 16 deletions(-) diff --git a/docs/framework/angular/devtools.md b/docs/framework/angular/devtools.md index 7d49bcc607..667a66fe3c 100644 --- a/docs/framework/angular/devtools.md +++ b/docs/framework/angular/devtools.md @@ -8,25 +8,25 @@ title: Devtools The devtools are a separate package that you need to install: ```bash -$ npm i @tanstack/angular-query-devtools-experimental +npm i @tanstack/angular-query-devtools-experimental ``` or ```bash -$ pnpm add @tanstack/angular-query-devtools-experimental +pnpm add @tanstack/angular-query-devtools-experimental ``` or ```bash -$ yarn add @tanstack/angular-query-devtools-experimental +yarn add @tanstack/angular-query-devtools-experimental ``` or ```bash -$ bun add @tanstack/angular-query-devtools-experimental +bun add @tanstack/angular-query-devtools-experimental ``` You can import the devtools like this: diff --git a/docs/framework/react/devtools.md b/docs/framework/react/devtools.md index db2eba0bd2..e9331622a3 100644 --- a/docs/framework/react/devtools.md +++ b/docs/framework/react/devtools.md @@ -20,25 +20,25 @@ When you begin your React Query journey, you'll want these devtools by your side The devtools are a separate package that you need to install: ```bash -$ npm i @tanstack/react-query-devtools +npm i @tanstack/react-query-devtools ``` or ```bash -$ pnpm add @tanstack/react-query-devtools +pnpm add @tanstack/react-query-devtools ``` or ```bash -$ yarn add @tanstack/react-query-devtools +yarn add @tanstack/react-query-devtools ``` or ```bash -$ bun add @tanstack/react-query-devtools +bun add @tanstack/react-query-devtools ``` For Next 13+ App Dir you must install it as a dev dependency for it to work. diff --git a/docs/framework/solid/devtools.md b/docs/framework/solid/devtools.md index 2964d63e6d..9c0caf6537 100644 --- a/docs/framework/solid/devtools.md +++ b/docs/framework/solid/devtools.md @@ -12,25 +12,25 @@ When you begin your Solid Query journey, you'll want these devtools by your side The devtools are a separate package that you need to install: ```bash -$ npm i @tanstack/solid-query-devtools +npm i @tanstack/solid-query-devtools ``` or ```bash -$ pnpm add @tanstack/solid-query-devtools +pnpm add @tanstack/solid-query-devtools ``` or ```bash -$ yarn add @tanstack/solid-query-devtools +yarn add @tanstack/solid-query-devtools ``` or ```bash -$ bun add @tanstack/solid-query-devtools +bun add @tanstack/solid-query-devtools ``` You can import the devtools like this: diff --git a/docs/framework/vue/devtools.md b/docs/framework/vue/devtools.md index 41b5ce6f06..f242c033aa 100644 --- a/docs/framework/vue/devtools.md +++ b/docs/framework/vue/devtools.md @@ -15,25 +15,25 @@ Component-based devtools use a framework-agnostic implementation and are always The devtools component is a separate package that you need to install: ```bash -$ npm i @tanstack/vue-query-devtools +npm i @tanstack/vue-query-devtools ``` or ```bash -$ pnpm add @tanstack/vue-query-devtools +pnpm add @tanstack/vue-query-devtools ``` or ```bash -$ yarn add @tanstack/vue-query-devtools +yarn add @tanstack/vue-query-devtools ``` or ```bash -$ bun add @tanstack/vue-query-devtools +bun add @tanstack/vue-query-devtools ``` By default, Vue Query Devtools are only included in bundles when `process.env.NODE_ENV === 'development'`, so you don't need to worry about excluding them during a production build.