Как сделать, чтобы VSC адекватно воспринимала Blade внедренный в Vue, типа {!! $someVar !!} — и не красило красным?

Question

[Роми]

Так вышло, что приходится сейчас создавать мутанта и внедрять PHP-переменные в Blade-шаблоне прямо в Vue, вроде:

<script>
            new Vue({
                el: '#app',
                data: function() {
                    return {
                        var: {!! $someVar !!}
                    }
                },
                methods: {},
                mounted() {},
            })
</script>

Работает. Но VSC красит красным var: {!! $someVar !!} и всё, что за ним, и ругается:

Non-null assertions can only be used in TypeScript files.

Путем гугления нашел "решение" - отключить проверку JS в html-файлах вовсе. Но, это не вариант.

Есть и более приемлемое решение: внедрять PHP через обычное <?= $someVar ?>.
Ну, почему бы и нет, конечно. Работает и в красный не красит. Но тогда этот код-мутант совсем уж становится мутант-мутант. К тому же, оно его вроде пытается как-то эскейпить вроде (не помню уже точно, но что-то там не зашло вчера, при попытке найти подходящее решение).

Если кто сталкивался с вопросом - подскажите пожалуйста какое-то простое и элегантное решение.

Answer 1

[Дмитрий]

пожалуйста какое-то простое и элегантное решение

Облить бензином и сжечь

Comments

[Роми]

))))))))))))))))

Как вариант, да)) с эстетической точки зрения я одобряю))

Но мне оно нужно живое.

Answer 2

[Сергей delphinpro]

Не особо лучше, но по крайней мере, можно скрипты убрать из html

<script>const someVar =  {!! $someVar !!};</script>

new Vue({
  el: '#app',
  data: function() {
    return {
      var: window.someVar
    }
  },
  methods: {},
  mounted() {},
})

Comments

[Роми]

спасибо, я попробую!