style: fix props order

Author: MichaelGitArt

src/components/GDialog.vue

@@ -52,50 +52,51 @@ export default defineComponent({
   },
 
   props: {
-    modelValue: {
-      type: Boolean,
-      default: false,
+
+    contentClass: {
+      type: String,
+      default: '',
     },
 
     /**
-     * clicking outside content will not close modal
+     * removes box-shadow for content
      */
-    persistent: {
+    depressed: {
       type: Boolean,
       default: false,
     },
 
-    maxWidth: {
-      type: [String, Number],
-      default: 'none',
-    },
-
-    width: {
+    height: {
       type: [String, Number],
       default: 'auto',
     },
 
-    height: {
+    maxWidth: {
       type: [String, Number],
-      default: 'auto',
+      default: 'none',
     },
 
-    scrollable: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
 
     /**
-     * removes box-shadow for content
+     * clicking outside content will not close modal
      */
-    depressed: {
+    persistent: {
       type: Boolean,
       default: false,
     },
 
-    contentClass: {
-      type: String,
-      default: '',
+    scrollable: {
+      type: Boolean,
+      default: false,
+    },
+
+    width: {
+      type: [String, Number],
+      default: 'auto',
     },
   },
 

src/components/GDialogContent.vue

@@ -11,37 +11,37 @@ import { useSizeStyle } from '../composable/sizeStyle'
 export default defineComponent({
   name: 'GDialogContent',
   props: {
-    maxWidth: {
-      type: [String, Number],
-      default: 'none',
+    class: {
+      type: String,
+      default: '',
     },
 
-    width: {
-      type: [String, Number],
-      default: 'auto',
+    /**
+     * removes box-shadow for content
+     */
+    depressed: {
+      type: Boolean,
+      default: false,
     },
 
     height: {
       type: [String, Number],
       default: 'auto',
     },
 
-    scrollable: {
-      type: Boolean,
-      default: false,
+    maxWidth: {
+      type: [String, Number],
+      default: 'none',
     },
 
-    /**
-     * removes box-shadow for content
-     */
-    depressed: {
+    scrollable: {
       type: Boolean,
       default: false,
     },
 
-    class: {
-      type: String,
-      default: '',
+    width: {
+      type: [String, Number],
+      default: 'auto',
     },
   },
 

src/components/GDialogOverlay.vue

@@ -23,13 +23,13 @@ export default defineComponent({
       required: true,
     },
 
-    deactivating: {
-      type: Boolean,
+    activeZIndex: {
+      type: Number,
       required: true,
     },
 
-    activeZIndex: {
-      type: Number,
+    deactivating: {
+      type: Boolean,
       required: true,
     },
   },