Delete mdc.vue

pages/mdc.vue

-<template>
-  <SResizablePanelGroup
-    id="demo-group-1"
-    direction="horizontal"
-    class="max-w-md rounded-lg border"
-  >
-    <SResizablePanel id="demo-panel-1" :default-size="50">
-      <div class="flex h-[200px] items-center justify-center p-6">
-        <span class="font-semibold">One</span>
-      </div>
-    </SResizablePanel>
-    <SResizableHandle id="demo-handle-1" />
-    <SResizablePanel id="demo-panel-2" :default-size="50">
-      <SResizablePanelGroup id="demo-group-2" direction="vertical">
-        <SResizablePanel id="demo-panel-3" :default-size="25">
-          <div class="flex h-full items-center justify-center p-6">
-            <span class="font-semibold">Two</span>
-          </div>
-        </SResizablePanel>
-        <SResizableHandle id="demo-handle-2" />
-        <SResizablePanel id="demo-panel-4" :default-size="75">
-          <div class="flex h-full items-center justify-center p-6">
-            <span class="font-semibold">Three</span>
-          </div>
-        </SResizablePanel>
-      </SResizablePanelGroup>
-    </SResizablePanel>
-  </SResizablePanelGroup>
-</template>
\ No newline at end of file