mirror of
https://github.com/nvim-treesitter/nvim-treesitter.git
synced 2026-07-16 10:20:11 -04:00
80f66cdef1
Interpolations (`{{valid js code}}`) and directive attributes
(`<element :directive="valid js code"`) can also be typescript code,
hence we can inject typescript instead of javascript here and still
be ok with highlights (bar some syntax differences between ts and js)
38 lines
1.5 KiB
Vue
38 lines
1.5 KiB
Vue
<template>
|
|
<span>{{"Text inside interpolation"}}</span>
|
|
<!-- ^ typescript -->
|
|
|
|
<template lang="pug"> a(:href="url") some link title in pug: </template>
|
|
<!-- ^ pug -->
|
|
|
|
<template v-if="'text inside directives'"></template>
|
|
<!-- ^ typescript -->
|
|
</template>
|
|
<script> const foo = "1" </script>
|
|
<!-- ^ javascript -->
|
|
<script defer> const foo = "1" </script>
|
|
<!-- ^ javascript -->
|
|
<script lang="js">function x(){ return 1;}</script>
|
|
<!-- ^ javascript -->
|
|
<script lang="ts"> const foo: number = "1" </script>
|
|
<!-- ^ typescript -->
|
|
<!-- ^ !javascript -->
|
|
<script lang="ts" defer>const foo: number = 1 </script>
|
|
<!-- ^ typescript -->
|
|
<!-- ^ !javascript -->
|
|
<script lang="tsx" defer>const foo: number = 1</script>
|
|
<!-- ^ tsx -->
|
|
<!-- ^ !jsx -->
|
|
<!-- ^ !typescript -->
|
|
<style> .bar { .foo{ } } </style>
|
|
<!-- ^ css -->
|
|
<style scoped> .page.page--news { background: rebeccapurple; } </style>
|
|
<!-- ^ css -->
|
|
<style lang="css"> .bar { justify-content: center; } </style>
|
|
<!-- ^ css -->
|
|
<style lang="scss"> .bar { &-baz { } } </style>
|
|
<!-- ^ scss -->
|
|
<!-- ^ !css -->
|
|
<style scoped lang="scss">body{} </style>
|
|
<!-- ^ scss -->
|
|
<!-- ^ !css -->
|