no-restricted-syntax linting for templates

[mrginglymus]

Tell us about your environment

• ESLint version: 4.19.1
• eslint-plugin-vue version: 4.4.0
• Node version: 8.9.4

Please show your full configuration:

{
    "rules": {
    "no-restricted-syntax": [
      "error",
      {
        "selector": "CallExpression[callee.property.name='$gettext'] TemplateLiteral"
      }
    ]
}

What did you do?
Apologies if this is more of an eslint than a eslint-plugin-vue issue. I am trying to write a linting rule to ensure that no template literals are passed into our gettext function (registered on Vue as vm.$gettext). This is working fine for script code, but I have played around with a number of rules and can't seem to get it to work for template invocations.

<template>
    <div :foo="$gettext(`bar`)">{{$gettext(`bar`)}}</div>
</template>

<script>
export default {
    computed: {
        baz() {
            return this.$gettext(`bar`);
        }
    }
}
</script>

What did you expect to happen?
3 linting errors, for each incorrect invocation of $gettext

What actually happened?
1 linting error from the script, none from the template

[mysticatea]

Thank you for this issue.

Because our parser separates Vue.js template AST from the ESLint AST in order to avoid confusion of ESLint core rules, it's the reason that no-restricted-syntax rule doesn't check the template. We are considering to make the wrappers for some core rules: #680. Probably we can make the wrapper of no-restricted-syntax, too.

[mrginglymus]

Thanks for the quick response. It would be really helpful to see this wrapped, as it's a very powerful rule that can cover a lot of different tests. Much appreciated!