feat: switch demo/api

Author: kagol

devui/tabs/tab.tsx

@@ -6,7 +6,7 @@ export default defineComponent({
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-tab</div>
+      return <div>{ctx.slots.default?.()}</div>
     }
   }
 })

devui/tabs/tabs.tsx

@@ -6,7 +6,7 @@ export default defineComponent({
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-tabs</div>
+      return <div>{ctx.slots.default?.()}</div>
     }
   }
 })

src/components/app-demo-cell.vue

@@ -9,8 +9,12 @@
       </div>
       <!-- TODO: d-tabs -->
       <d-tabs :showContent="false" :activeTab="componentTab" @activeTabChange="activeTabChange($event)">
-        <d-tab id="demo" title="Demo" tabId="demo"></d-tab>
-        <d-tab id="api" title="API" tabId="api"></d-tab>
+        <d-tab id="demo" title="Demo" tabId="demo">
+          <router-link to="demo">Demo</router-link>
+        </d-tab>
+        <d-tab id="api" title="API" tabId="api">
+          <router-link to="api">API</router-link>
+        </d-tab>
       </d-tabs>
     </div>
     <div class="examples-viewer">