Use new code blocks

Author: Demivan

src/installation.md

@@ -18,49 +18,62 @@ however, a polyfill is required. You can use [polyfill.io](https://polyfill.io)
 Add `fluent-vue` and `@fluent/bundle` to your project.
 
 <code-group>
+<code-block title="PNPM" active>
 
-<code-group-item title="YARN" active>
+```shell
+pnpm add fluent-vue @fluent/bundle
+```
+
+</code-block>
 
-```bash:no-line-numbers
+<code-block title="YARN">
+
+```shell
 yarn add fluent-vue @fluent/bundle
 ```
 
-</code-group-item>
+</code-block>
 
-<code-group-item title="NPM">
+<code-block title="NPM">
 
-```bash:no-line-numbers
+```shell
 npm install fluent-vue @fluent/bundle
 ```
 
-</code-group-item>
-
+</code-block>
 </code-group>
 
 #### Note:
 If you are using `Vue` version 2 you need to install `@vue/composition-api`
 
 <code-group>
-<code-group-item title="YARN" active>
+<code-block title="PNPM" active>
 
-```bash:no-line-numbers
+```shell
+pnpm add @vue/composition-api
+```
+
+</code-block>
+<code-block title="YARN">
+
+```shell
 yarn add @vue/composition-api
 ```
 
-</code-group-item>
-<code-group-item title="NPM">
+</code-block>
+<code-block title="NPM">
 
-```bash:no-line-numbers
+```shell
 npm install @vue/composition-api
 ```
 
-</code-group-item>
+</code-block>
 </code-group>
 
 ## Configure and install Vue plugin
 
 <code-group>
-<code-group-item title="Vue 3" active>
+<code-block title="Vue 3" active>
 
 ```js
 import { createApp } from 'vue'
@@ -88,9 +101,9 @@ createApp(App)
   // Install Vue plugin
   .use(fluent)
 ```
+</code-block>
 
-</code-group-item>
-<code-group-item title="Vue 2">
+<code-block title="Vue 2">
 
 ```js
 import Vue from 'vue'
@@ -116,5 +129,6 @@ const fluent = createFluentVue({
 Vue.use(fluent)
 ```
 
-</code-group-item>
+</code-block>
+
 </code-group>