Fix json Vue filter issue

auth0 · Jun 1, 2020 · f6f389b · f6f389b
1 parent cb75215
commit f6f389b
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/static/index.html b/static/index.html
@@ -84,7 +84,10 @@ <h1 class="mb-5">Auth0 SPA JS Playground</h1>
         <template v-if="error">
           <hr />
           <h3>Last error</h3>
-          <pre><code data-cy="error">{{JSON.stringify(error, null, 2)}}</code></pre>
+          <pre><code data-cy="error">
+{{JSON.stringify(error, null, 2)}}
+              </code>
+          </pre>
         </template>
 
         <hr />
@@ -94,7 +97,7 @@ <h3>Last error</h3>
           <div class="card-body">
             <pre>
               <code>
-                {{ profile | json }}
+{{ JSON.stringify(profile, null, 2) }}
               </code>
             </pre>
           </div>
@@ -365,14 +368,14 @@ <h3>Last error</h3>
 
             _self.auth0.getTokenSilently().then(function (token) {
               _self.access_tokens.push(token);
-            });
 
-            _self.auth0.getUser().then(function (user) {
-              _self.profile = user;
-            });
+              _self.auth0.getUser().then(function (user) {
+                _self.profile = user;
+              });
 
-            _self.auth0.getIdTokenClaims().then(function (claims) {
-              _self.id_token = claims.__raw;
+              _self.auth0.getIdTokenClaims().then(function (claims) {
+                _self.id_token = claims.__raw;
+              });
             });
           },
           loginPopup: function () {