Add new Verifiable Credential views for example 4.

Author: msporny

index.html

@@ -12,6 +12,8 @@
       src="https://unpkg.com/browse/jquery/dist/jquery.min.js"></script>
     <script src='https://www.w3.org/Tools/respec/respec-w3c' class='remove'></script>
     <script src="./common.js" class="remove"></script>
+    <script class="remove"
+      src="https://cdn.jsdelivr.net/gh/digitalbazaar/[email protected]/dist/main.js"></script>
     <script type="text/javascript" class="remove">
       var respecConfig = {
         group: "vc",
@@ -46,7 +48,11 @@
         // Uncomment these to use the respec extension that generates a list of
         //   normative statements:
         preProcess: [/*prepare_reqlist*/],
-        postProcess: [/*add_reqlist_button*/, restrictRefs],
+        postProcess: [
+          restrictRefs,
+          window.respecVc.createVcExamples
+          /*add_reqlist_button*/
+        ],
 
         github: "https://github.com/w3c/vc-data-model/",
         includePermalinks: false,
@@ -1191,7 +1197,8 @@ <h3>Identifiers</h3>
           </dd>
         </dl>
 
-        <pre class="example nohighlight" title="Usage of the id property">
+        <pre class="example nohighlight vc" title="Usage of the id property"
+          data-vc-verification-method="https://example.edu/issuers/565049/keys/1">
 {
   "@context": [
     "https://www.w3.org/2018/credentials/v1",
@@ -1207,8 +1214,7 @@ <h3>Identifiers</h3>
       "type": "BachelorDegree",
       "name": "Bachelor of Science and Arts"
     }
-  },
-  "proof": { <span class="comment">...</span> }
+  }
 }
         </pre>