nvim-treesitter/tests/query/injections/vue/test-vue-injections.vue
2024-01-19 16:58:37 +01:00

39 lines
1.6 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 -->
// const file = files[0];