vscode-vue-highlight

Highlight v-if, v-else-if, v-else... in vue, because it is very important. I want to highlight it, and I can also customize the configuration to emphasize the attributes highlighted.

Configuration

  // You can configure the style you want through setting.
        "vscode-vue-highlight.rules": {
          "type": "object",
          "default": {
            "light": {
              "rgb(248 113 113)": [
                "v-if",
                "v-else-if",
                "v-else"
              ],
              "#B392F0": [
                "v-for"
              ],
              "#FFC83D": {
                match: [
                "v-bind"
                ],
                ...customStyle
              }
            },
            "dark": {
              "rgb(248 113 113)": [
                "v-if",
                "v-else-if",
                "v-else"
              ],
              "#B392F0": [
                "v-for"
              ],
              "#FFC83D": {
                "match": [
                  "v-bind"
                ],
                "backgroundColor": "red"
              }
            }
          },
          "description": "v- highlight style"
        }

☕

buy me a cup of coffee

License

MIT

Sponsors