docs: line highlights

diff --git a/packages/docs/getting-started.md b/packages/docs/getting-started.md
index 54e91d9d72438eb969ba9d4b627227b4f0882702..bf624fa1731973dc72a840c65c01db2cb2b30415 100644 (file)
--- a/packages/docs/getting-started.md
+++ b/packages/docs/getting-started.md
@@ -30,7 +30,7 @@ app.mount('#app')
 
 If you are using Vue 2, you also need to install a plugin and inject the created `pinia` at the root of the app:
 
-```js
+```js{1,3-4,12}
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 Vue.use(PiniaVuePlugin)

diff --git a/packages/docs/introduction.md b/packages/docs/introduction.md
index 66d9b71913650d1aaebec51d09eafc483c9a8a06..94fb0d4bd19f7a96ab0987195bfd9d141e4a38c9 100644 (file)
--- a/packages/docs/introduction.md
+++ b/packages/docs/introduction.md
@@ -77,7 +77,7 @@ export const useCounterStore = defineStore('counter', () => {
 
 If you are still not into `setup()` and Composition API, don't worry, Pinia also support a similar set of [_map helpers_ like Vuex](https://vuex.vuejs.org/guide/state.html#the-mapstate-helper). You define stores the same way but then use `mapStores()`, `mapState()`, or `mapActions()`:
 
-```js
+```js{22,24,28}
 const useCounterStore = defineStore('counter', {
   state: () => ({ count: 0 }),
   getters: {