Динамический импорт HTML-файл

Question

Для моего приложения у меня есть кнопка справки. Кнопка справки должна отображать некоторую информацию, которая устанавливается в формате .html.

На основе имени маршрута. Я хочу импортировать правильный HTML-файл, у меня есть следующий код.

Dialog.vue

<template>
  <md-dialog :md-active.sync="status">
    <md-dialog-title>Help</md-dialog-title>
    <md-dialog-content>
      <div :v-html="textLoader"></div>
    </md-dialog-content>
    <md-dialog-actions>
      <md-button class="md-primary" @click="close">Close</md-button>
    </md-dialog-actions>
    {{this.textLoader}}
  </md-dialog>
</template>
<script>

export default {
  name: 'HelpDialog',
  props: ['status', 'text', 'name'],
  data: () => ({
    test: '',
    isHelpDialogVisible: false,
  }),
  methods: {
    close() {
      this.status = false;
      this.$emit('closeModal');
    },
  },
  computed: {
    textLoader() {
      return () => import(`../../${this.name}.html`).then(function (res) {
          console.log(res.default);
          return res.default;
      });
    },
  },
};
</script>

Как вы можете видеть в вычисленном textLoader, импорт является динамическим, и с console.log я получаю правильное значение. Когда я вставил 'textLoader' в v-html, я получил это:

function(){return a("1738")("./".concat(e.name,".html")).then(function(e){return console.log(e.default),e.default})} 

Что-то не так с импортом или как правильно это сделать? Спасибо за любую помощь!