Hey everyone, I’m trying to use Plasmic with Nuxt, and I’m continually getting the errror “ should be wrapped inside a ” even though it certainly is:
<template>
<PlasmicRootProvider :loader="PLASMIC" :prefetchedData="this.plasmicData">
<h1>Does this work?</h1>
<PlasmicComponent component="Home" />
</PlasmicRootProvider>
</template>
<script setup lang="ts">
import Vue from "vue";
import { PlasmicRootProvider, PlasmicComponent } from "@plasmicapp/loader-vue";
import { PLASMIC } from "../plasmic-init";
</script>
I’ve tried this, as well as this
<template>
<PlasmicRootProvider :loader="this.loader" :prefetchedData="this.plasmicData">
<h1>Does this work?</h1>
<PlasmicComponent component="Home" />
</PlasmicRootProvider>
</template>
<script lang="ts">
import Vue from 'vue'
import { PlasmicRootProvider, PlasmicComponent } from '@plasmicapp/loader-vue'
import { PLASMIC } from '../plasmic-init'
export default Vue.extend({
components: {
PlasmicRootProvider,
PlasmicComponent,
},
computed: {
loader() {
return PLASMIC
},
},
async asyncData() {
const plasmicData = await PLASMIC.fetchComponentData(`Home`)
return {
plasmicData,
}
},
})
</script>
the second one is the exact copy of the example from Plasmic, any ideas?