⚡ Item size and layout are now managed by store

src/components/Settings/ItemSizeSelector.vue

@@ -47,7 +47,6 @@ export default {
   },
   methods: {
     updateIconSize(iconSize) {
-      this.$emit('iconSizeUpdated', iconSize);
       this.$store.commit(StoreKeys.SET_ITEM_SIZE, iconSize);
     },
     tooltip(content) {

src/components/Settings/LayoutSelector.vue

@@ -32,11 +32,6 @@ import IconVertical from '@/assets/interface-icons/layout-vertical.svg';
 
 export default {
   name: 'LayoutSelector',
-  data() {
-    return {
-      input: '',
-    };
-  },
   props: {
     displayLayout: String,
   },
@@ -47,7 +42,6 @@ export default {
   },
   methods: {
     updateDisplayLayout(layout) {
-      this.$emit('layoutUpdated', layout);
       this.$store.commit(StoreKeys.SET_ITEM_LAYOUT, layout);
     },
     tooltip(content) {

src/components/Settings/SettingsContainer.vue

@@ -7,8 +7,8 @@
     <div class="options-outer">
       <div :class="`options-container ${!settingsVisible ? 'hide' : ''}`">
         <ThemeSelector />
-        <LayoutSelector :displayLayout="displayLayout" @layoutUpdated="updateDisplayLayout"/>
-        <ItemSizeSelector :iconSize="iconSize" @iconSizeUpdated="updateIconSize" />
+        <LayoutSelector :displayLayout="displayLayout" />
+        <ItemSizeSelector :iconSize="iconSize" />
         <ConfigLauncher />
         <AuthButtons  v-if="userState != 'noone'" :userType="userState" />
       </div>
@@ -106,12 +106,6 @@ export default {
     clearFilterInput() {
       this.$refs.SearchBar.clearFilterInput();
     },
-    updateDisplayLayout(layout) {
-      this.$emit('change-display-layout', layout);
-    },
-    updateIconSize(iconSize) {
-      this.$emit('change-icon-size', iconSize);
-    },
     getInitialTheme() {
       return this.appConfig.theme || '';
     },