??? ?? ?? ??? ??? ??? ?????? ??????. ? ???, ?? ??? ?? ??? ???? ??????. ?? ????? ?? ??? ???????.

?? ??? ?? ?? ??? ???? ?? ?? ???? ????. ????? ????? ??? ?? ??? ??? ??? ??? ?? ??? ???? ???? ?? ??? ?? ? ????. ?? ?

?? ???? ???? ???? ?? ??? ??? ??? ?? ?? ??? ?? ?? ??? ???? ????? ??????. ?? ??? ??? ???? ??? ?? ??? ?????. ??? ??? ??? ? ? ?? ??? ???? ??? ? ? ?????.

??? ???? ?? ? ?? ??? ?????. ? ???, ?? ?? ??? ????? ??? ?????. ????

??? ???

??

?? ???? ??? ?????? ???? ?? ?? (? : HTML, CSS, JavaScript) ? ??? ?? ??? ?? ?? ?? ?? ??????. ?? ?? "About"??? ??????.

??? ??? ???? ??? ????? ??? ? ????? ?? ?? ?? ????. ??? ??? ??? ???? ?? ???? ??? ? ???? ?? ???? ??????.

???? ?? ??, ?? ?? ??, ? ?, ?? ? ? ???? ?? ??? ???? ??? ?? ??? ??? ???? ?? ?? ?? ??????. ?? ?? ?? ???? ???? ???? ?? ??? ????. ???? ? ???? ???? ??? ????.

?? ????? ???? ??? ??? ???? ???? ??? ???? ??? ??? ???? ????? ????. ????? ???? ?? ? ?? ??? ??? ?? ???? ? ??? ?????? ? ??? ????????.

?? ?? ??? ?? Flexbox ? Viewport ??? ?????. ??? iOS ??? ????? ??? ?? ?? ? ? ????. ??? ?? ??? ???? ???? ????. ??? ?? ? ??? ???? ?? ??? ??? ?? ??? ??? ??? ????? ??????.

JavaScript ?? ?? iOS ?? ? ???? ?????. ??? ??? ???? ??? ? ?????? ??? ??? ?? ?? ?????.

?? ??

?? ????? ???? ??? ????? ??? ? ??? ?? ?? ??? ????? ????. ?? ?? ? ?? ??? ?? ????? ?? ??? ???? ??????. ??? ???? UI? ?? ?????? ??? ???? LocalStorage? ?????.

??? vue.js? ???? ????. ? ??? ??? ??? ???? ? ? ??? ???? UI? ?????? (??? ??) SaveSettings () ?????. ?? ??? ??????.

 ?? savesettings () {
  const ?? = {};

  // settostostore? ??? ?? ??? ?????. // "this"? ?? vue ?? settostostore.map? ????? (key => settings [key] = this [key]);
  localStorage.setitem ( 'settings', json.stringify (settings));
}

? ??? LocalStorage? ????? ??? ?????. ??? ?? ??? ? ?? ?? ????? ??? Vuex? ?? ?? ?? ?????? ????? ?? ????? ???? ? ? ????.

??? ????? ?? ????? ??? ? ???? RestorEsettings () ??? ????.

 ?? ?? ?? ? () {
  const json = localStorage.getItem ( 'settings');

  if (json) {
    ???? {
      const settings = json.parse (json);

      Object.keys (??) .foreach (key => {
        if (settingstostore.includes (key)) {
          ? [?] = ?? [?];
        }
      });
    } catch (err) {
      window.alert ( '?? ????? ??');
    }
  }
}

? ??? LocalStorage?? ??? ?? ?? ??? ???? Settostostore? ??? ?? ? ?????.

?? ?? ??? ? ?? ??? ?? ??? ?? ?. ? 30 ?? ?? ???? ???? ?? ?? ???? ??? ? ? ???? ???? ?????? ??? ????.

??? ??????

?? ??? ?? ?? ??? ???? ????? ??????. ??? ???? ?????? ?? ?? ??? ????. ?? ? ?? ??? ??? ?? UI? ?????.

?? Firefox 67? ??? prefers-color-scheme ??? ????? ??? ????? ??????. ?? ?? ?? ?? ??? ?? ????? ??? ?? ?? ??? ???? ?????. (?? ??, ?? ?? ????? MacOS? ????? ??? ???? ?????.)

??? ??????

?? ???? ?? ??? ??? ????. ?? ??? ??? ????? ?????. ?? ?? ?? ? ?? ???? ?? ??? ??? ????.

• HTML, CSS ? JavaScript ??? ????????
• ???/??? ??? ?? ?? ??
• ???????? ??? ?? ??? ??? ? ?????.
• ?? ?? ?? ?? ??? ? ?? ??? ???? ?? ?? ?? ??? ???? ?????.
• ?? ??? ??
• ? ?? ?? ? ??
• ??? ???
• ???? JS Beautify ??? ?? ?????
• ??? LocalStorage? ????? ?????
• ?? UI, ??? ?? (? ?????? ?? ?? ?? ??)?

?? ?? ??? ?? ??? ??? ??????. ???? ?? ??? ?? ??? ?? ? ? Facebook ?? Twitter?? ???? ??????. ?

?? ???? ?? ? ?????

?? vue.js? ?? ?????. ? ?????? ?? ?? ?? ??? Vue Cli? ???? ??? ???? ?? ?? ??? ??? ??? ? ????.

 Vue? ???? ??? ????

?? ??? ???? ? ??? ?? ? ??? ??? ???? ??? ?? ???? ? ????????. ?? VUE? ??? ??, ?? ??, ??? ?? ?? ?? ?????. ??, ? ??, ?? ? ?? ??? ?? ??? ?? UI ?? ??? ??????.

???? Codemirror? ?? ???? ??? ?? ???? ?????. ??? ???? ? ?? ??? ?? ???? ? ???? ??? ???????.

?? ??? ???? ???? JS Beautify???? JavaScript, HTML ? CSS? ?????. JS Beautify? ????? ??? ?? ???? ?? ????? ??? ???? ????. ????? ?? ??? ?????!

JS Beautify? ????? ?? ????. npm install js-beautify ? ?? ??? ?? ??? ??????.

 'JS-Beautify'?? ????? ?? ????.

const code = '??? ??? ??';
const ?? = {
  // ???? ??
};

// html
const html = beautiful.html (??, ??)

// CSS
const css = beautiful.css (??, ??)

// JavaScript
const js = beautiful.js (??, ??)

? ??? ???? ??? ???? ???? ?????. ??? ??? ???? ? ??? ?? ??? ??? ? ????.

?? ??? ?? ? Pretier? ?? ?? ? ???. ??? ??? ?? JS Beautify? Pretier ??? ?? ? ??? ???? ?? ????.

?? ?? ?????? ?? ???? ??? ??? ?? ????. ?

? ????? ? ?? ???? ???? ? CMS ?????. ?? ? ?????? ??? CMS? ?? ??? ??, ?? ? ??? ???? ?????!

?, ?? ???? ?? ???? ?? ??? ... ??? ???? ?????. ????

? ??? ?? ?? ?? ???? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!