@prismicio/slice-simulator-vue Deprecation Guide
@prismicio/slice-simulator-vue
, a package providing a component to simulate Slices in Slice Machine UI and the Page Builder, is deprecated. Its functionalities are now distributed through @slicemachine/adapter-nuxt2.
- Remove
@prismicio/slice-simulator-vue
from yourpackage.json
.
{
"devDependencies": {
}
}
2. Update your package.json
to use the latest version of @slicemachine/adapter-nuxt2
.
{
"devDependencies": {
"@slicemachine/adapter-nuxt2": "^0.3.0"
}
}
3. Update your installed packages with npm
.
npm install
The following changes are required when upgrading your simulator to @slicemachine/adapter-nuxt2
v0.
Replace imports for @prismicio/slice-simulator-vue
with @slicemachine/adapter-nuxt2
on your simulator page.
import { SliceSimulator } from '@slicemachine/adapter-nuxt2/dist/simulator.cjs'
The deprecated state
prop from @prismicio/slice-simulator-vue
has been removed with @slicemachine/adapter-nuxt2
. If you were still using it, you now have to remove it:
<template>
<SliceSimulator
v-slot="{ slices }"
>
<SliceZone :slices="slices" :components="components" />
</SliceSimulator>
</template>
<script>
import { SliceSimulator } from '@slicemachine/adapter-nuxt2/dist/simulator.cjs'
import { components } from '~/slices'
export default {
components: {
SliceSimulator,
},
data () {
return {
components
}
}
}
</script>
Was this article helpful?
Can't find what you're looking for? Spot an error in the documentation? Get in touch with us on our Community Forum or using the feedback form above.