diff --git a/packages/docs/src/guide-advanced/ssr.md b/packages/docs/src/guide-advanced/ssr.md
index 8f17a637..0f2dd585 100644
--- a/packages/docs/src/guide-advanced/ssr.md
+++ b/packages/docs/src/guide-advanced/ssr.md
@@ -24,16 +24,22 @@ vue add @akryum/ssr
 
 Install the SSR utils with:
 
-```shell
-npm install --save @vue/apollo-ssr
+::: code-group
+
+```shell [npm]
+$ npm install @vue/apollo-ssr
 ```
 
-Or:
+```shell [Yarn]
+$ yarn add @vue/apollo-ssr
+```
 
-```shell
-yarn add @vue/apollo-ssr
+```shell [Bun]
+$ bun add @vue/apollo-ssr
 ```
 
+:::
+
 ::: tip
 Follow the [offical SSR guide](https://ssr.vuejs.org) to learn more about Server-Side Rendering with Vue.
 :::
diff --git a/packages/docs/src/guide-components/setup.md b/packages/docs/src/guide-components/setup.md
index 070d88c1..bc7c3f7f 100644
--- a/packages/docs/src/guide-components/setup.md
+++ b/packages/docs/src/guide-components/setup.md
@@ -4,16 +4,22 @@ Make sure you have [installed Apollo Client](../guide/installation.md).
 
 ## 1. Install @vue/apollo-components
 
-```
-npm install --save @vue/apollo-option @vue/apollo-components
-```
+::: code-group
 
-Or:
+```shell [npm]
+$ npm install @vue/apollo-option @vue/apollo-components
+```
 
+```shell [Yarn]
+$ yarn add @vue/apollo-option @vue/apollo-components
 ```
-yarn add @vue/apollo-option @vue/apollo-components
+
+```shell [Bun]
+$ bun add @vue/apollo-option @vue/apollo-components
 ```
 
+:::
+
 ## 2. Create the Apollo client
 
 ```js
diff --git a/packages/docs/src/guide-composable/setup.md b/packages/docs/src/guide-composable/setup.md
index c94c9198..67989249 100644
--- a/packages/docs/src/guide-composable/setup.md
+++ b/packages/docs/src/guide-composable/setup.md
@@ -4,15 +4,20 @@ Make sure you have [installed Apollo Client](../guide/installation.md).
 
 ## 1. Install @vue/apollo-composable
 
-```shell
-npm install --save @vue/apollo-composable
+::: code-group
+
+```shell [npm]
+$ npm install @vue/apollo-composable
 ```
 
-Or:
+```shell [Yarn]
+$ yarn add @vue/apollo-composable
+```
 
-```shell
-yarn add @vue/apollo-composable
+```shell [Bun]
+$ bun add @vue/apollo-composable
 ```
+:::
 
 ## 2. Connect Apollo Client to Vue
 
diff --git a/packages/docs/src/guide-composable/subscription.md b/packages/docs/src/guide-composable/subscription.md
index 48cf503c..25d5671e 100644
--- a/packages/docs/src/guide-composable/subscription.md
+++ b/packages/docs/src/guide-composable/subscription.md
@@ -61,9 +61,19 @@ Apollo Client supports both *graphql-ws* and *subscriptions-transport-ws*. Apoll
 
 ### The new library: **graphql-ws**
 Let's look at how to add support for this transport to Apollo Client using a link set up for newest library [graphql-ws](https://github.com/enisdenjo/graphql-ws). First, install:
-```bash
-npm install graphql-ws
+
+::: code-group
+
+```bash [npm]
+$ npm install graphql-ws
+```
+
+```bash [Bun]
+$ bun add graphql-ws
 ```
+
+:::
+
 Then initialize a GraphQL web socket link:
 
 ```js
diff --git a/packages/docs/src/guide-option/setup.md b/packages/docs/src/guide-option/setup.md
index 0ad6b1d4..8a4a5077 100644
--- a/packages/docs/src/guide-option/setup.md
+++ b/packages/docs/src/guide-option/setup.md
@@ -4,15 +4,20 @@ Make sure you have [installed Apollo Client](../guide/installation.md).
 
 ## 1. Install @vue/apollo-option
 
-```
-npm install --save @vue/apollo-option
-```
+::: code-group
 
-Or:
+```shell [npm]
+$ npm install @vue/apollo-option
+```
 
+```shell [Yarn]
+$ yarn add @vue/apollo-option
 ```
-yarn add @vue/apollo-option
+
+```shell [Bun]
+$ bun add @vue/apollo-option
 ```
+:::
 
 ## 2. Create the Apollo client
 
diff --git a/packages/docs/src/guide-option/subscriptions.md b/packages/docs/src/guide-option/subscriptions.md
index 803b3293..8be58002 100644
--- a/packages/docs/src/guide-option/subscriptions.md
+++ b/packages/docs/src/guide-option/subscriptions.md
@@ -8,9 +8,19 @@ Apollo Client supports both *graphql-ws* and *subscriptions-transport-ws*. Apoll
 
 ### The new library: **graphql-ws**
 Let's look at how to add support for this transport to Apollo Client using a link set up for newest library [graphql-ws](https://github.com/enisdenjo/graphql-ws). First, install:
-```bash
-npm install graphql-ws
+
+::: code-group
+
+```bash [npm]
+$ npm install graphql-ws
+```
+
+```bash [Bun]
+$ bun add graphql-ws
 ```
+
+:::
+
 Then initialize a GraphQL web socket link:
 
 ```js
diff --git a/packages/docs/src/guide/installation.md b/packages/docs/src/guide/installation.md
index 37ecf84c..9a325434 100644
--- a/packages/docs/src/guide/installation.md
+++ b/packages/docs/src/guide/installation.md
@@ -29,16 +29,22 @@ Then you can skip to next section: [Basic Usage](../guide-option/usage.md).
 
 ## Manual installation
 
-```shell
-npm install --save graphql graphql-tag @apollo/client
+::: code-group
+
+```shell [npm]
+$ npm install graphql graphql-tag @apollo/client
 ```
 
-Or:
+```shell [Yarn]
+$ yarn add graphql graphql-tag @apollo/client
+```
 
-```shell
-yarn add graphql graphql-tag @apollo/client
+```shell [Bun]
+$ bun add graphql graphql-tag @apollo/client
 ```
 
+:::
+
 In your app, create an `ApolloClient` instance:
 
 ```js