Unable to auto-format *.rb in setting.json below in VScode

Question

I want to auto-format all html, css, sass, rb, and html.erb,js files with setting.json_Vs-code. But the next file after setting.json can only be the above *.rb file. Please advise.

 "workbench.colorTheme": "Dracula Soft",
  "python.defaultInterpreterPath": "/opt/anaconda3/bin/python",
  "editor.tabSize": 2,
  "editor.fontSize": 16,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.minimap.enabled": false,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "files.trimTrailingWhitespace": true,
  "window.zoomLevel": 1,
  "emmet.includeLanguages": {
    "erb": "html"
  },
  "[python]": {
    "editor.tabSize": 4
  },
  "terminal.integrated.fontSize": 14,
  "beautify.language": {
    "html": [
      "erb"
    ]
  },
  "[scss]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "[css]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
 "[javascript]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  }