feat: Switch to Custom config when config is changed

src/index.js

@@ -65,12 +65,12 @@ module.exports = new class Application extends MatreshkaObject {
                 evt.preventDefault();
                 const results = lint(this.code, this.toJSON());
 
-                this.set({ results })
-
-                console.log(results);
+                this.set({ results });
             },
             'change:parserName': () => setParser(this.parserName),
-            'rules@modify': evt => console.log('tablo')
+            'rules@rulechange': () => {
+                this.set('configName', '', { silent: true });
+            }
         });
     }
 }

src/rules/index.js

@@ -12,9 +12,13 @@ export default class Rules extends MatreshkaArray {
             .calc('useRecommended', {
                 object: parent,
                 key: 'useRecommended'
-            }, null, { debounceCalc: false });
-
-        this.recreate(plugins);
+            }, null, { debounceCalc: false })
+            .on({
+                '*.*@rulechange': () => {
+                    this.trigger('rulechange')
+                }
+            })
+            .recreate(plugins);
     }
 
     update(rules) {

src/rules/rule.js

@@ -40,6 +40,7 @@ export default class Rule extends MatreshkaObject {
                     source: 'dynamicValue',
                     handler: value => JSON.stringify(value, null, '\t')
                 }
-            });
+            })
+            .on('click::isOn', () => this.trigger('rulechange'));
     }
 }