Dealing with Twig includes in Javascript segments

[coatpont]

Description

In the codebase I'm looking at, we have plenty of Twig code blocks using the {% twigcode %} with the Javascript code (if statements, includes of other files...), essentially dynamically generating some of the JavaScript content, and linting on those fails with the following error:

Parsing error: Unexpected token

e.g.

           $('.select2').select2({'width':'100%'});

            {% include('tools/toolsmodal.js.twig') %}

            function submit(that, e, options) {
                e.preventDefault();

Suggestions on how to handle this setup?

Setup configuration

• ESLint version: 7.25
• eslint-plugin-html version: 8.1.2
• NodeJS version: 23.4
• Operating System name and version: MacOS 16
• ESLint configuration (.eslintrc/eslint.config.js):

module.exports = { parser: '@babel/eslint-parser', parserOptions: { requireConfigFile: false, }, extends: ['plugin:prettier/recommended', 'eslint:recommended', 'plugin:import/recommended', 'plugin:cypress/recommended'], settings: { 'import/resolver': 'webpack', }, plugins: ['babel', 'cypress', 'html'], globals: { global: true, $: true, trans: true, enoriaLocale: true, swal: true, }, env: { amd: true, browser: true, es6: true, node: true, }, ignorePatterns: ['**/js/views//.js'], rules: { 'max-len': [ 'error', { code: 250, ignoreUrls: true, ignoreComments: false, ignoreRegExpLiterals: true, ignoreStrings: false, ignoreTemplateLiterals: false, }, ], 'no-console': 'error', }, };

Aditional context

[coatpont]

I see workarounds are documented here: https://github.com/BenoitZugmeyer/eslint-plugin-html?tab=readme-ov-file#linting-templates-or-php - then I'm turning the issue into a feature request ;-) .