# Passing down data from vue to builder.io

**URL:** <https://forum.builder.io/t/passing-down-data-from-vue-to-builder-io/1528>\
**Category:** CMS\
**Created:** [January 3, 2022, 1:55pm UTC](https://forum.builder.io/t/passing-down-data-from-vue-to-builder-io/1528 "2022-01-03T13:55:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![rajapandi](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rajapandi](https://forum.builder.io/u/rajapandi)\
**Post date:** [January 3, 2022, 1:55pm UTC](https://forum.builder.io/t/passing-down-data-from-vue-to-builder-io/1528/1 "2022-01-03T13:55:43Z")

</div>

```auto
//vue code
<template>
  <div v-if="notFound">
    <!-- Show your 404 content -->
    Page not found
  </div>
  <div v-else>
    <RenderContent
      model="home"
      @contentLoaded="contentLoaded"
      :options="{
        auth: 'false',
        loc: 'NY',
      }"
    />
  </div>
</template>

<script>
import { builder, RenderContent, Builder } from "@builder.io/vue";

// TODO: enter your public API key
builder.init("MY-API-KEY");

export default {
  data: () => ({
    notFound: false,
  }),
  components: { RenderContent },
  methods: {
    contentLoaded(content) {
      const isEditingOrPreviewing = Builder.isEditing || Builder.isPreviewing;
      if (!content && !isEditingOrPreviewing) {
        this.notFound = true;
      }
    },
  },
};
</script>

```

```auto
//React code
import { BuilderComponent, builder } from '@builder.io/react'
import {useState,useEffect} from 'react'
builder.init('MY-API-KEY')
  
export const App = () => {
  const [builderContentJson, setBuilderContentJson] = useState(null)

  useEffect(() => { 
    builder.get('spud-home', { url: location.pathname })
      .promise().then(setBuilderContentJson)
  }, [])

  return <BuilderComponent model="home" content={builderContentJson} data={{
    auth: "false",
    loc:"NY"
  }} />
}

export default App;

```

how to access those auth,loc data in my [builder.io](http://builder.io/)? state.auth and state.loc doesn’t working.same time auth and loc data are not avaliable in my state object.Meantime if i use react code those data are avaliable in my state object . what is the correct method to passing down the data to [builder.io](http://builder.io/) using vue

```auto
//builder.io custom code with vue
console.log(state,"state") 
console.log(state.loc) // undefined

```

```auto
//builder.io custom code with react
console.log(state,"state") 
console.log(state.loc) // "NY"

```

Thanks in advance

---

<div class="post-metadata">

**Author:** ![TimG](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/timg/32/714_2.png) [@TimG](https://forum.builder.io/u/TimG)\
**Post date:** [January 4, 2022, 10:45pm UTC](https://forum.builder.io/t/passing-down-data-from-vue-to-builder-io/1528/2 "2022-01-04T22:45:54Z")

</div>

@rajapandi Unfortunately, our Vue SDK is still in beta and does not support the data attribute that is supported in our React SDK. It is hard to give an estimate on delivery of this feature, but our Vue SDK is actively being worked on at the moment and this is something on our roadmap. In the meantime, as my colleague called out in this post: [How to pass data/value from vue.js to builderio?](https://forum.builder.io/t/how-to-pass-data-value-from-vue-js-to-builderio/1515)

If you need this in the short term you should be able to use a combination of our our [Web Components API](https://www.builder.io/c/docs/webcomponents-api) and the [Vue Web Component Wrapper](https://github.com/vuejs/vue-web-component-wrapper) to potentially accomplish this? Take a look and let us know if that helps!