Is there a way to import code from external file into a codeblock?

Is there a built in or recommended way to inline code from an external file in a codeblock for a markdown content page? I want to store a code snippet in a source file, but inline it in my markdown. Currently I’m able to load the code with the following:

<template>
  <div class="nuxt-content-highlight">
    <pre class="line-numbers"><code>{{code}}</code></pre>
  </div>
</template>

<script>
import raw from "@/assets/code/my_code_file";
export default {
  data {
    return { code: raw }
  }
}
</script>

which “works” and I could create a component, but it feels like I’m reinventing the wheel. I hardly found anything about external file loading in nuxt, much less for nuxt-content within markdown. Ideally I’d have a markdown file like the following:

# My markdown file

```
{ include assets/code/my_code_file }
```

And nuxt-content would do the heavy lifting for me.

[danielroe]

This is one such example: https://github.com/nuxt/typescript/blob/master/docs/components/global/InjectCode.vue

[Atinux]

Could be nice to add such component to the docs theme!