diff --git a/layouts/m.vue b/layouts/m.vue
index e69de29..82b228c 100644
--- a/layouts/m.vue
+++ b/layouts/m.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="m">
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.m {
+  width: 100%;
+  height: 100%;
+  background-color: #f5f5f5;
+}
+</style>
\ No newline at end of file
diff --git a/pages/m/index.vue b/pages/m/index.vue
index ff5a0ef..7b9e458 100644
--- a/pages/m/index.vue
+++ b/pages/m/index.vue
@@ -5,6 +5,9 @@
 </template>
 
 <script setup lang="ts">
+definePageMeta({
+  layout: 'm'
+})
   // Mobile specific logic can be added here
 </script>