# Add Builder as a dependency

**URL:** <https://forum.builder.io/t/add-builder-as-a-dependency/2765>\
**Category:** Technical Questions\
**Tags:** vuejs\
**Created:** [October 20, 2022, 10:07am UTC](https://forum.builder.io/t/add-builder-as-a-dependency/2765 "2022-10-20T10:07:16Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![artur](https://avatars.discourse-cdn.com/v4/letter/a/53a042/32.png) [@artur](https://forum.builder.io/u/artur)\
**Post date:** [October 20, 2022, 10:07am UTC](https://forum.builder.io/t/add-builder-as-a-dependency/2765/1 "2022-10-20T10:07:16Z")

</div>

**i try understand text but I dont know which file is meant I have to paste attached code**

In your `script` tag add the code in the snippet below.

Import `getContent`, `RenderContent`, `isPreviewing` from the Vue SDK.

Using `getContent()`, specify the page model, your Public API Key, and the URL path. Builder then responds with the page content.

```auto
<script>
  // use this if you are on Vue 2
  import { getContent, RenderContent, isPreviewing } from '@builder.io/sdk-vue/vue2';
  // OR use this one if you are on Vue 3
  import { getContent, RenderContent, isPreviewing } from '@builder.io/sdk-vue/vue3';

export default {
  mounted() {
    getContent({
      model: 'page',
      apiKey: YOUR_PUBLIC_API_KEY, // <-- Replace with your Public API Key
      userAttributes: {
        urlPath: window.location.pathname,
      },
    }).then(res => {
      this.content = res;
      this.canShowContent = this.content || isPreviewing();
    });
  },
}
</script>

```

---

<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:** [October 21, 2022, 3:49pm UTC](https://forum.builder.io/t/add-builder-as-a-dependency/2765/2 "2022-10-21T15:49:20Z")

</div>

Hello @artur,

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. Let us know if you have further concerns!