<template>
<div>

<p @click="test">Testing HTMLp>
<p>{{ someVar }}p>

<template>
Nested template tag
template>
div>
template>


<template loneAttribute attribute="value">
<div>

<p @click="test">Testing HTMLp>
<p>{{ someVar }}p>

<template>
Nested template tag
template>
div>
template>



<style>
body {
font: 100% Helvetica, sans-serif;
color: #333;
}
style>



<style loneAttribute attribute="value">
body {
font: 100% Helvetica, sans-serif;
color: #333;
}
style>



<style lang="sass">
// single-line comment to make sure it's SASS and not CSS
$font-stack: Helvetica, sans-serif
$primary-color: #333

body
font: 100% $font-stack
color: $primary-color
style>



<style beforeLangLoneAttribute beforeLangAttribute="asd" lang="sass" afterLangLoneAttribute afterLangAttribute="asd">
// single-line comment to make sure it's SASS and not CSS
$font-stack: Helvetica, sans-serif
$primary-color: #333

body
font: 100% $font-stack
color: $primary-color
style>



<style lang="scss">
// single-line comment to make sure it's SCSS and not CSS
$font-stack: Helvetica, sans-serif
$primary-color: #333

body {
font: 100% $font-stack;
color: $primary-color;
}
style>



<style beforeLangLoneAttribute beforeLangAttribute="asd" lang="scss" afterLangLoneAttribute afterLangAttribute="asd">
// single-line comment to make sure it's SCSS and not CSS
$font-stack: Helvetica, sans-serif
$primary-color: #333

body {
font: 100% $font-stack;
color: $primary-color;
}
style>



<script>
// Single-line comment
const a = 'abc';
script>



<script loneAttribute attribute="value">
// Single-line comment
const a = 'abc';
script>



<script lang="ts">
// Single-line comment
const a = 'abc';

// Typescript
interface SomeInterface {
value: string;
}
script>



<script beforeLangLoneAttribute beforeLangAttribute="asd" lang="ts" afterLangLoneAttribute afterLangAttribute="asd">
// Single-line comment
const a = 'abc';

// Typescript
interface SomeInterface {
value: string;
}
script>