better mobile prop for container

Author: connorabbas

resources/js/Components/Container.vue

@@ -1,16 +1,16 @@
 <script setup>
 const props = defineProps({
-    spacedMobile: {
+    fluid: {
         type: Boolean,
-        default: true,
+        default: false,
         required: false,
     },
-    fluid: {
+    vertical: {
         type: Boolean,
         default: false,
         required: false,
     },
-    vertical: {
+    flushMobile: {
         type: Boolean,
         default: false,
         required: false,
@@ -26,7 +26,7 @@ const props = defineProps({
                 'max-w-(--breakpoint-2xl) mx-auto': !props.fluid,
                 'py-4 md:py-8 space-y-4 md:space-y-8': props.vertical
             },
-            props.spacedMobile ? 'px-4' : 'px-0',
+            props.flushMobile ? 'px-0' : 'px-4',
         ]"
     >
         <slot />