Задержка асинхронных компонентов в nuxt js

Question

Асинхронная задержка компонента и загрузка не работает.

Мой код:

<template>
   <div>
     <button @click="startMethod">start</button>
     <async-component v-if="start" />
   </div>
</template>

<script>
import Loading from '~/components/loading.vue'
import Error from '~/components/error'

const AsyncComponent = () => ({
  component: import('~/components/someComponent.vue'),
  loading: Loading, // not work
  error: Error, // good
  delay: 2000, // not work
  timeout: 3000 // good
});
export default {
  components: {
    AsyncComponent
  },
  data: () => ({
    start: false
  }),
  methods: {
    startMethod(){
      this.start = true
    }
  }
}
</script>

Как отложить отображение загрузки компонента? и я не понимаю, почему не отображается загрузчик и не работает задержка.

Answer 1

Потому что это

Задержка перед отображением загружаемого компонента. По умолчанию: 200 мс.

Ссылка: https://vuejs.org/v2/guide/components-dynamic-async.html#Handling-Loading-State

Попробуйте установить 10 или 0, и вы увидите ваш загружаемый компонент