feat: 实现iframe功能

apps/admin/src/layout/index.vue

@@ -1,14 +1,15 @@
 <script lang="ts" setup>
 import { Layout } from '@vben/layouts'
-
-// import { Layout } from '@vben/grid-layouts'
-
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+const frame = computed(() => useRoute().meta.frame)
 </script>
 
 <template>
   <layout>
     <template #main>
-      <RouterView />
+      <RouterView v-if="!frame" />
+      <iframe v-else v-bind="frame" />
     </template>
   </layout>
 </template>

packages/router/src/routes/modules/demo/iframe.ts

@@ -0,0 +1,18 @@
+import { LAYOUT } from '../../../routes'
+const Iframe: RouteRecordItem = {
+  path: '/iframe',
+  name: 'iframe',
+  component: LAYOUT,
+  meta: {
+    orderNo: 6,
+    title: 'Iframe页面',
+    icon: 'line-md:document-code',
+    frame: {
+      src: 'https://vbenjs.github.io/vben3-doc/',
+      class: 'h-screen',
+      width: '80%',
+    },
+  },
+}
+
+export default Iframe