feat: reorganize component settings

Akryum · Akryum · commit ef72cf5dc39b · 2024-02-04T23:06:16.000+01:00
diff --git a/packages/app-frontend/src/features/components/ComponentsInspector.vue b/packages/app-frontend/src/features/components/ComponentsInspector.vue
@@ -173,6 +173,24 @@ export default defineComponent({
                 </VueGroup>
               </div>
 
+              <div class="space-y-1 px-3 py-2 text-sm">
+                <VueSwitch v-model="$shared.performanceMonitoringEnabled">
+                  Performance monitoring
+                </VueSwitch>
+                <div class="flex items-center space-x-1 text-xs opacity-50">
+                  <span>Turn off if your app is slowed down</span>
+                </div>
+              </div>
+
+              <div class="space-y-1 px-3 py-2 text-sm">
+                <VueSwitch v-model="$shared.trackUpdates">
+                  Update tracking
+                </VueSwitch>
+                <div class="flex items-center space-x-1 text-xs opacity-50">
+                  <span>Turn off if your app is slowed down</span>
+                </div>
+              </div>
+
               <div class="space-y-1 px-3 py-2 text-sm">
                 <VueSwitch v-model="$shared.editableProps">
                   Editable props
diff --git a/packages/app-frontend/src/features/plugin/Plugins.vue b/packages/app-frontend/src/features/plugin/Plugins.vue
@@ -64,7 +64,7 @@ export default defineComponent({
               icon-right="arrow_forward"
               class="flat"
             >
-              Global settings
+              Settings
             </VueButton>
           </div>
           <div class="overflow-y-auto">
diff --git a/packages/app-frontend/src/features/settings/GlobalSettings.vue b/packages/app-frontend/src/features/settings/GlobalSettings.vue
@@ -92,28 +92,6 @@ const hideEvents = useLocalStorage('split-pane-collapsed-right-timeline-right',
         </template>
       </VueFormField>
 
-      <VueFormField
-        title="Performance monitoring"
-      >
-        <VueSwitch v-model="$shared.performanceMonitoringEnabled">
-          Enable
-        </VueSwitch>
-        <template #subtitle>
-          Turn off if your app is slowed down
-        </template>
-      </VueFormField>
-
-      <VueFormField
-        title="Update tracking"
-      >
-        <VueSwitch v-model="$shared.trackUpdates">
-          Enable
-        </VueSwitch>
-        <template #subtitle>
-          Turn off if your app is slowed down
-        </template>
-      </VueFormField>
-
       <VueFormField
         title="Debugging info"
       >
@@ -145,6 +123,28 @@ const hideEvents = useLocalStorage('split-pane-collapsed-right-timeline-right',
         </VueGroup>
       </VueFormField>
 
+      <VueFormField
+        title="Performance monitoring"
+      >
+        <VueSwitch v-model="$shared.performanceMonitoringEnabled">
+          Enable
+        </VueSwitch>
+        <template #subtitle>
+          Turn off if your app is slowed down
+        </template>
+      </VueFormField>
+
+      <VueFormField
+        title="Update tracking"
+      >
+        <VueSwitch v-model="$shared.trackUpdates">
+          Enable
+        </VueSwitch>
+        <template #subtitle>
+          Turn off if your app is slowed down
+        </template>
+      </VueFormField>
+
       <VueFormField
         title="Editable props"
       >

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ export default defineComponent({`
`64`	`64`	`icon-right="arrow_forward"`
`65`	`65`	`class="flat"`
`66`	`66`	`>`
`67`		`- Global settings`
	`67`	`+ Settings`
`68`	`68`	`</VueButton>`
`69`	`69`	`</div>`
`70`	`70`	`<div class="overflow-y-auto">`