Can't add edit button

Developing with Prismic
7

Hi Marc,

You need to include the EXACT script from the Previews section of your repository in the in the <head> of your project, in Vue this is done in the in the base index file.

If the script in your repository looks like this:
<script type="text/javascript" src="https://static.cdn.prismic.io/prismic.min.js?repo=MARCS-REPO-NAME&new=true"></script>

Then all you need to do is run a query for a document in your views coming from Prismic and the toolbar will get the document id to create the new button.

If the script in your repository looks like this:
<script type="text/javascript" src="https://static.cdn.prismic.io/prismic.min.js"></script>

Then your repository is using the old toolbar script and the new edit button will not work for you yet. If that is the case you have 2 choices:

  1. Send a message to the Activations team to get the new script/edit button.
  2. Use the old edit button.

To use the old edit button, insert a component on the pages where you do your query to the document from Prismic and pass the document ID as prop.
<prismic-edit-button :documentId="documentId"/>

Let me know if this helps.

Thanks.