diff --git a/src/App.vue b/src/App.vue
index ea3c699..20d70e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,12 +1,19 @@
 <template>
-    <normal-layout>
+    <component :is="layout">
         <template #content>
             <router-view></router-view>
         </template>
-    </normal-layout>
+    </component>
 </template>
 <script setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
 import NormalLayout from './layouts/NormalLayout.vue';
+import NoLayout from './layouts/NoLayout.vue';
+
+const route = useRoute();
+
+const layout = computed(() => {
+    return route.meta.layout === 'NoLayout' ? NoLayout : NormalLayout;
+});
 </script>
-<style>
-</style>