I'm currently utilizing Auth0, Vue.js, Vuetify, and Stripe.
Relevant code:
Here is a snippet of the JSON Object (some values have been masked):
{ "sub": "", "given_name": "", "family_name": "", "nickname": "", "name": "", "picture": "", "gender": "", "locale": "", "updated_at": "", "https://example.com/stripe_customer_id": "cus_id" }
Below is an excerpt of the HTML:
<v-chip disabled>{{ getProfile.https://example.com/stripe_customer_id }}</v-chip>
<v-chip disabled>{{ getProfile.nickname }}</v-chip>
<v-chip disabled>{{ getProfile.gender }}</v-chip>
<v-chip disabled>{{ getProfile.locale }}</v-chip>
<v-chip disabled>{{ getProfile.updated_at }}</v-chip>
The first line above doesn't function properly due to the format of the HTML link (particularly the forward slashes). Is there a method to extract the value of that specific field?
Regrettably, the key must adhere to namespace formatting requirements as per Auth0 regulations (tokens obtained from Auth0 will disregard any additional fields that are not formatted this way. I am using an Auth0 rule to generate the Stripe customer post-registration (if that detail is pertinent).
I've attempted several approaches, but all result in a raw expression error. Unsure about what steps to take next.
Is there a straightforward way to retrieve that value? Thank you in advance!