diff --git a/Packages/User/vue-component.sublime-snippet b/Packages/User/vue-component.sublime-snippet
index 034d295..533c088 100644
--- a/Packages/User/vue-component.sublime-snippet
+++ b/Packages/User/vue-component.sublime-snippet
@@ -5,15 +5,11 @@ import { useAttrs, useSlots, reactive, ref, computed, watch, onBeforeMount, onMo
 import { Head, Link, useForm, usePage } from '@inertiajs/inertia-vue3'
 import AppLayout from '@/Layouts/AppLayout.vue'
 
-const emit = defineEmits([])
-
-const attrs = useAttrs()
-
-const slots = useSlots()
-
-const props = defineProps({})
+// defines
+defineEmits([])
 
 // variables
+const props = defineProps({})
 
 // computed properties
 
@@ -48,7 +44,7 @@ onUnmounted(() => {
     <AppLayout title="${1:TITLE}">
         <template #header>${1:TITLE}</template>
 
-        <div class="col-span-6">
+        <div class="col-span-12">
             <!-- content goes here -->
         </div>
     </AppLayout>