Githubのissueと同様にeslint(vue/require-component-is)
のエラーが表示されます。
node v10.15.3
Nuxt.js v2.10.2
以下のコマンドを入力するとこのように出力されます。
npm list eslint-plugin-vue
~~~@1.0.0
├─┬ @nuxtjs/eslint-config@1.1.2
│ └── eslint-plugin-vue@5.2.3
└─┬ eslint-plugin-nuxt@0.5.0
└── eslint-plugin-vue@6.0.1
<template>
<v-app>
<v-content class="py-0">
<!-- 以下のようなエラーが出力れます。 -->
<!-- Expected '<component>' elements to have 'v-bind:is' attribute.eslint(vue/require-component-is) -->
<v-container grid-list-xs sclass="original-px-0">
<component :is="componentId" />
</v-container>
</v-content>
</v-app>
</template>
<script>
export default {
components: {
sex: () => import('@/components/form/VSex.vue'),
name: () => import('@/components/form/VFullName.vue')
},
data() {
return {
componentId: 'sex'
}
},
computed: {
componentName() {
return this.componentId
}
}
}
</script>