# Register components in Vue?

**URL:** <https://forum.builder.io/t/register-components-in-vue/2432>\
**Category:** Technical Questions\
**Created:** [July 28, 2022, 6:41pm UTC](https://forum.builder.io/t/register-components-in-vue/2432 "2022-07-28T18:41:05Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![rtuttle](https://avatars.discourse-cdn.com/v4/letter/r/da6949/32.png) [@rtuttle](https://forum.builder.io/u/rtuttle)\
**Post date:** [July 28, 2022, 6:41pm UTC](https://forum.builder.io/t/register-components-in-vue/2432/1 "2022-07-28T18:41:05Z")

</div>

**What are you trying to accomplish**  
Utilize Builder with custom components with Vue. (using @builder.io/vue)

**Code stack you are integrating Builder with**  
Vuejs

How does one register custom components? Trying to use registerComponents() function but doesn’t seem available in the [Builder.io: Drag and drop page builder and CMS](http://builder.io/vue) sdk.

---

<div class="post-metadata">

**Author:** ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)\
**Post date:** [July 29, 2022, 8:27am UTC](https://forum.builder.io/t/register-components-in-vue/2432/2 "2022-07-29T08:27:08Z")

</div>

Hi @rtuttle,

I would recommend to you our current starters that we have for our Vue SDK :

[**Vue Starters**](https://github.com/BuilderIO/builder/tree/main/examples/vue)  
[**Vue SDK Docs**](https://github.com/BuilderIO/builder/tree/main/packages/vue)

The READMEs of both link to examples that highlight how they are meant to be used.

I hope this is helpful. If you have any further questions, feel free to reach us again!

---

<div class="post-metadata">

**Author:** ![rtuttle](https://avatars.discourse-cdn.com/v4/letter/r/da6949/32.png) [@rtuttle](https://forum.builder.io/u/rtuttle)\
**Post date:** [July 29, 2022, 7:21pm UTC](https://forum.builder.io/t/register-components-in-vue/2432/3 "2022-07-29T19:21:26Z")

</div>

Thank you; yes so I changed over to the latest SDK (sdk-vue).

I noticed that the Builder Columns component does not work properly. It creates the columns in the editor and shows an “add block” button for each column. when the button is clicked and a component is chosen (for example, Text) it doesn’t add it to the column but instead to a new row below the Columns component.

Is there a fix to this?

---

<div class="post-metadata">

**Author:** ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)\
**Post date:** [August 1, 2022, 3:11pm UTC](https://forum.builder.io/t/register-components-in-vue/2432/4 "2022-08-01T15:11:44Z")

</div>

Hi @rtuttle,

Thanks for reaching us again!

Well, I have tested the Columns component and it seems working fine to me. I followed the exact instructions mentioned by you. Here’s Columns are inside the parent block. The new row is only created if add something after the parent block.

I feel you click on the “Add block after” of the parent columns block.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/8/8ec9e6956808719c5c54c326a2081789b78d0b30.jpeg)

If you click “Add block after” inside columns then data will add only within columns.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/a/a910242daa0e049af983af1009ba70a388714193.jpeg)

I hope this adds some clarity, if you still need more help you can share your content link so I can have a look!

Thanks

---

<div class="post-metadata">

**Author:** ![rtuttle](https://avatars.discourse-cdn.com/v4/letter/r/da6949/32.png) [@rtuttle](https://forum.builder.io/u/rtuttle)\
**Post date:** [August 1, 2022, 6:29pm UTC](https://forum.builder.io/t/register-components-in-vue/2432/5 "2022-08-01T18:29:44Z")

</div>

Thank you for your reply and attempting to help with this issue. Actually, I am not clicking on the “Add block after” plus button. I am doing the following steps as shown in the following series of screenshots:

1. after dragging and dropping the Columns component into the Editor I see this

 ![22squared 2022-08-01 at 2.20.04 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/8/840633e98958a34831e729bfad96870756b7d163.png)

1. Then I click on the “Add block” button in column one:

2. Then click on the “Text” component button from the dialog that pops open:

 ![22squared 2022-08-01 at 2.20.54 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/8/85e85c9cf8771a5d2d28699ebfe0a5a36af2ba77.png)

1. This text component is then added below the Columns area and not within the column itself, as shown here:

 ![22squared 2022-08-01 at 2.21.18 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/2c91d6b1b98a0cf30b71e2a71e627d08280ad8d7.png)

Our content id is d5ed70d67d4d43b1974f52541884b989

---

<div class="post-metadata">

**Author:** ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)\
**Post date:** [August 2, 2022, 1:43pm UTC](https://forum.builder.io/t/register-components-in-vue/2432/6 "2022-08-02T13:43:33Z")

</div>

Hi @rtuttle,

We’re still looking into this. I’ll get back to you asap!

---

<div class="post-metadata">

**Author:** ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)\
**Post date:** [August 16, 2022, 5:13am UTC](https://forum.builder.io/t/register-components-in-vue/2432/7 "2022-08-16T05:13:17Z")

</div>

Hi @rtuttle,

I just wanted to let you know that we have not forgotten about this. We are working on a number of things at the moment and this is in the queue, but I don’t have an eta on when it will be resolved.

I will be sure to keep you updated. In the meantime, please reach out if I can help with anything else.

Thanks

---

<div class="post-metadata">

**Author:** ![ancheetah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/ancheetah/32/751_2.png) [@ancheetah](https://forum.builder.io/u/ancheetah)\
**Post date:** [August 16, 2022, 7:32pm UTC](https://forum.builder.io/t/register-components-in-vue/2432/8 "2022-08-16T19:32:38Z")

</div>

Hi @rtuttle , this was a bug with the columns component that was difficult to reproduce but we pushed a fix recently that should correct it. Please update to the latest release (v0.0.1-69) of `@builder.io/sdk-vue` and give it a try! Let us know if you’re still having issues. Thanks!
