How can I register a component in <script setup>?
-
Isn't that in the documentation? vuejs.org/v2/guide/components-registration.htmlTerry– Terry2020-09-21 06:25:07 +00:00Commented Sep 21, 2020 at 6:25
-
3OP is using <script SETUP> (Vue 3) not <script>user10706046– user107060462020-11-21 20:05:44 +00:00Commented Nov 21, 2020 at 20:05
Add a comment
|
1 Answer
Updated answer:
During the alpha stages of <script setup>'s implementation, component registration was done by exporting the component definition.
With the current officially released version (3.2.x), importing the component definition as you've done correctly registers the component:
<script setup>
import HiButton from '@/components/hive/button/index.vue' ✅
</script>
Old answer that worked for alpha version of <script setup> in 30-SEP-2020:
According to the RFC, your <script setup> block needs to export the component like this:
<script setup>
export { default as HiButton } from '@/components/hive/button/index.vue'
</script>