colors in i18n block

[suruaku]

I have <i18n lang="yaml"> block in vue files, which doesn't have any colors. Is it possible to get them using this plugin? If not does anyone know how to achieve that?

[captainko]

@suruaku try these

;; filename: after/queries/vue/injections.scm

(element
  (start_tag
    ((attribute
      (attribute_name) @_attribute_name
      (quoted_attribute_value
        (attribute_value) @_attribute_value))))
  (text) @yaml
  (#eq? @_attribute_name "lang")
  (#match? @_attribute_value "(yaml|yml)"))


;; Bonus for json highlighting
(element
  (start_tag
    ((attribute
      (attribute_name) @_attribute_name
      (quoted_attribute_value
        (attribute_value) @_attribute_value))))
  (text) @json
  (#eq? @_attribute_name "lang")
  (#match? @_attribute_value "json"))