Cannot access custom block messages / per-component translations

[MoodyBones]

Hiya all, we would like to use per-component translations / a custom block in our Nuxt3 project:

• We have global /locales already in use.
• Vue Dev Tools shows the custom block messages but I cannot work out how to access them.
• I logged @intlify/vite-plugin-vue-i18n/messages and found the messages defined in /locales but nothing from the custom block.

Please find screenshots & snippets:

• vue dev tools

• component.vue

  
  <i18n>
  {
  "en": {
  "pageTitle": "Mission and Vision"
  },
  "de": {
  "pageTitle": "Auftrag und Visionn"
  }
  }
  </i18n>

![Screen Shot 2022-07-05 at 14 48 06](https://user-images.githubusercontent.com/47255988/177331507-f31197c2-4b5a-40de-955c-739064e35b6a.png)

- `nuxt.config.ts`
```js
  intlify: {
    localeDir: 'locales', // set the `locales` directory at source directory of your Nuxt application
    vueI18n: {},
  },

Environment npx nuxi info

  ------------------------------
- Operating System: `Darwin`
- Node Version:     `v16.14.0`
- Nuxt Version:     `3.0.0-rc.1-27520426.ab3971d`
- Package Manager:  `yarn@1.17.3`
- Builder:          `vite`
- User Config:      `buildModules`, `modules`, `css`, `build`, `vite`, `strapi`, `intlify`, `telemetry`
- Runtime Modules:  `@intlify/nuxt3@0.2.2`, `@formkit/nuxt@1.0.0-beta.6`, `@nuxtjs/strapi@1.3.2-27565120.a6bd24b`
- Build Modules:    `@vueuse/nuxt@8.3.1`
------------------------------

[iBobik]

Duplicate: #84