docs: update code blocks syntax

Author: danielroe

docs/content/en/accessor-introduction.md

@@ -47,7 +47,7 @@ Make sure you define types correctly following [these instructions](/setup.html#
 
 ### Components, `fetch` and `asyncData`
 
-```ts[~/components/sampleComponent.vue]
+```ts{}[components/sampleComponent.vue]
 import Vue from 'vue'
 
 export default Vue.extend({
@@ -76,7 +76,7 @@ export default Vue.extend({
 
 ### Middleware
 
-```ts[~/middleware/test.ts]
+```ts{}[middleware/test.ts]
 import { Context } from '@nuxt/types'
 
 export default ({ redirect, app: { $accessor } }: Context) => {

docs/content/en/customisation.md

@@ -9,7 +9,7 @@ You might choose to customise the accessor function using the helper function `u
 
 ## Injecting a custom accessor
 
-```ts[~/plugins/custom-store-accessor.ts]
+```ts{}[plugins/custom-store-accessor.ts]
 import { useAccessor } from 'typed-vuex'
 import { InjectKey } from 'vue/types/options'
 import { Context } from '@nuxt/types'

docs/content/en/dynamic-modules.md

@@ -9,7 +9,7 @@ You can also use `typed-vuex` with dynamic modules.
 
 ## Sample module
 
-```ts[~/modules/dynamic-module.ts]
+```ts{}[modules/dynamic-module.ts]
 export const namespaced = true
 
 export const state = () => ({
@@ -27,7 +27,7 @@ export const mutations = mutationTree(state, {
 
 You might want to use the store
 
-```ts[~/components/my-component.vue]
+```ts{}[components/my-component.vue]
 import Vue from 'vue
 
 import { useAccessor, getAccessorType } from 'typed-vuex'
@@ -61,4 +61,5 @@ export default Vue.extend({
     }
   }
 })
+
 ```

docs/content/en/getting-started-nuxt.md

@@ -41,11 +41,11 @@ position: 2
 
    `buildModules` require Nuxt 2.10+. If you are using an older version, add `nuxt-typed-vuex` to `modules` instead.
 
-</alert>
+    </alert>
 
 3. You will need to transpile this module, by adding the following to your `nuxt.config`:
 
-   ```ts[nuxt.config.js]
+   ```ts{}[nuxt.config.js]
    build: {
      transpile: [
        /typed-vuex/,
@@ -61,7 +61,7 @@ The module will inject a store accessor throughout your project (`$accessor`). I
 
 In your root store module, add the following code:
 
-```ts[~store/index.ts]
+```ts{}[store/index.ts]
 import { getAccessorType } from 'typed-vuex'
 
 // Import all your submodules
@@ -89,7 +89,7 @@ export const accessorType = getAccessorType({
 
 Add the following type definitions to your project:
 
-```ts[index.d.ts]
+```ts{}[index.d.ts]
 import { accessorType } from '~/store'
 
 declare module 'vue/types/vue' {

docs/content/en/getting-started-vue.md

@@ -32,11 +32,12 @@ Many of this project's default settings are based on Nuxt, so please file an iss
     ```
 
     </code-block>
+
   </code-group>
 
 2. Instantiate your accessor
 
-   ```ts[~/src/store/index.ts]
+   ```ts{}[src/store/index.ts]
    import Vue from 'vue'
    import Vuex from 'vuex'
 
@@ -97,7 +98,7 @@ Many of this project's default settings are based on Nuxt, so please file an iss
 
    If you've injected the accessor globally, you'll want to define its type:
 
-   ```ts[~/index.d.ts]
+   ```ts{}[index.d.ts]
    import Vue from 'vue'
    import { accessor } from './src/store'