feat: reorganize component settings

vuejs · Feb 4, 2024 · ef72cf5 · ef72cf5
1 parent 37252d8
commit ef72cf5
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 23 deletions.
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"
       >