Add bun commands and code-group

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.
 :::

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

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
 

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

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
 

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

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