Simplify and fix table tab toggling.

Once the table tab was clicked it would stay there...because it was checking
for data availability...not UX state.

Author: BigBlueHat

playground/next/editor.bundle.js

@@ -35324,9 +35324,6 @@
       }
       return '';
     },
-    get hasTableQuads() {
-      return Object.keys(this.tableQuads).length > 0;
-    },
     get sideDoc() {
       if (this.outputTab === 'framed') {
         return 'frameDoc';

playground/next/editor.mjs

@@ -167,9 +167,6 @@ window.app = createApp({
     }
     return '';
   },
-  get hasTableQuads() {
-    return Object.keys(this.tableQuads).length > 0;
-  },
   get sideDoc() {
     if (this.outputTab === 'framed') {
       return 'frameDoc';

playground/next/index.html

@@ -277,8 +277,8 @@ <h2 class="ui massive header">JSON-LD Playground</h2>
     <div :class="{ active: outputTab == 'yamlld' }" class="item" @click="setOutputTab('yamlld')"><i class="th icon"></i> YAML-LD</div>
   </div>
   <div class="ui fitted resizable scrolling active bottom attached tab segment">
-    <div v-show="!hasTableQuads" id="read-only-editor"><!-- replaced by CodeMirror --></div>
-    <table class="ui very padded table" v-show="hasTableQuads">
+    <div v-show="outputTab != 'table'" id="read-only-editor"><!-- replaced by CodeMirror --></div>
+    <table class="ui very padded table" v-show="outputTab == 'table'">
       <thead>
         <tr>
           <th>Subject</th>