ui: add option for autoFormat

packages/ui-default/components/highlighter/highlighter.page.js

@@ -5,7 +5,7 @@ import Notification from 'vj/components/notification/index';
 const highlighterPage = new AutoloadPage('highlighterPage', async () => {
   const [{ default: prismjs }, [success, format]] = await Promise.all([
     import('./prismjs'),
-    load(),
+    UserContext.formatCode ? load() : [true, null],
   ]);
   if (!success) Notification.error(`Astyle load fail: ${format}`);
   function runHighlight($container) {

packages/ui-default/setting.yaml

@@ -86,6 +86,12 @@ showInvisibleChar:
   family: highlight
   desc: show invisible characters when formatting code
   category: preference
+formatCode:
+  type: boolean
+  family: highlight
+  desc: Auto format code
+  category: preference
+  value: true
 astyleOptions:
   type: text
   family: highlight