Add Builder as a dependency

Technical Questions
1

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.

<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>
2

Hello @artur,

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

Vue Starters
Vue SDK Docs

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!