feat: change classes

- q-dialog... to g-dialog...

Author: MichaelGitArt

src/components/GDialog.vue

@@ -136,16 +136,16 @@ export default defineComponent({
     )
 
     const { activeZIndex } = useStackable({
-      activeElSelector: '.q-dialog-frame--active',
+      activeElSelector: '.g-dialog-frame--active',
       stackMinZIndex: 200,
       isActive,
       content: contentFrame,
     })
 
     const classes = computed(() => [
-      'q-dialog-frame',
+      'g-dialog-frame',
       {
-        'q-dialog-frame--active': isActive.value,
+        'g-dialog-frame--active': isActive.value,
       },
     ])
 
@@ -186,7 +186,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-.q-dialog-frame {
+.g-dialog-frame {
   align-items: center;
   display: flex;
   height: 100%;

src/components/GDialogContent.vue

@@ -43,10 +43,10 @@ export default defineComponent({
   setup(props) {
     const { sizeStyles: styles } = useSizeStyle(props)
     const classes = computed(() => [
-      'q-dialog-content',
+      'g-dialog-content',
       {
-        'q-dialog-content--scrollable': props.scrollable,
-        'q-dialog-content--depressed': props.depressed,
+        'g-dialog-content--scrollable': props.scrollable,
+        'g-dialog-content--depressed': props.depressed,
       },
     ])
 
@@ -59,7 +59,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-.q-dialog-content {
+.g-dialog-content {
   $dialog: &;
 
   pointer-events: auto;

src/components/GDialogOverlay.vue

@@ -41,9 +41,9 @@ export default defineComponent({
       zIndex: props.activeZIndex - 1,
     }))
     const classes = computed(() => [
-      'q-dialog-overlay',
+      'g-dialog-overlay',
       {
-        'q-dialog-overlay--active': props.active && !props.deactivating,
+        'g-dialog-overlay--active': props.active && !props.deactivating,
       },
     ])
 
@@ -61,7 +61,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-.q-dialog-overlay {
+.g-dialog-overlay {
   position: fixed;
   left: 0;
   top: 0;