[vue-docgen-loader] failed to parse the component file

[vue-docgen-loader] failed to parse the component file with docgen-api: No suitable component definition found on "/Users/ttakai/ghq/github.com/t--takai/NuxtBoilerplate/src/layouts/error.vue"

src/layouts/error.vue

@@ -1,4 +1,3 @@
-<script src="@/assets/script/layouts/error.js"></script>
 <style lang="scss" module src="@/assets/style/layouts/error.scss"></style>
 <template lang="pug">
   div(:class="$style.layout")
@@ -13,3 +12,41 @@
 
     TheBindFooter(:class="$style.footer")
 </template>
+<script>
+// TODO: LayoutsErrorでも関心の分離をする
+// src="@/assets/script/layouts/error.js"
+/**
+ * DOC: https://ja.nuxtjs.org/guide/views/#エラーページ
+ */
+import BaseNuxtLink from '@/components/Atom/BaseNuxtLink/index.vue'
+import BaseTypography from '~/components/Atom/BaseTypography/index.vue'
+import TheBindFooter from '~/components/Organism/TheBindFooter/index.vue'
+
+export default {
+  name: 'LayoutsError',
+  components: {
+    BaseTypography,
+    TheBindFooter,
+    BaseNuxtLink,
+  },
+  props: {
+    error: {
+      type: Object,
+      default: null,
+    },
+  },
+  computed: {
+    statusCode() {
+      return (this.error && this.error.statusCode) || 500
+    },
+    message() {
+      return this.error.message || '<%= messages.client_error %>'
+    },
+  },
+  head() {
+    return {
+      title: this.message,
+    }
+  },
+}
+</script>