So I want my Vue-component to be aware of certain special pages within Statamic. In this case lets look at the 'basket' page of a simple webshop.

I therefore created a special Global-set for it called shop_pages and used the pages-fieldtype with a max_number constraint of 1.

Retrieving the page's id is pretty straight forward: {{ shop_pages:basket }}. To make my Vue-component aware of it I constructed this little thing:

{{ get_content :from="shop_pages:basket" }}
    <my-vue-component
           basket-url="{{  path :src='slug' }}"></my-vue-component>
{{  /get_content }}

And it works :) But I was wondering if this was the Right Way™ to do this. Or is there a better way, or even a Best Practice™ to do this?