HI,
I'm doing some Vue.js development and am writing js inside script tags in a HTML file.
Say the file looks like below. If I place the cursor on "vm =" line and press TAB nothing happens, but if I select the script tag and its contents and then select beautification, then everything inside the script tags get indented, which I expected from the tabing.
<html>
<head>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
<text v-model="greeting"></text>
</div>
</body>
<script>
vm = new Vue({
});
</script>
</html>Further, say that the script tag now looks like below, and then after "data:" one presses { to start writing some vue variables, then the line above gets misaligned.
<script>
vm = new Vue({
el: "#app",
data:
});
</script>The script tag ends up in:
vm = new Vue({
el: "#app",
data: {
}
});If now selecting the script tag and its contents and selecting beautification, it ends up with:
<script>
vm = new Vue({
el: "#app",
data: {
}
});
</script>which is much nicer!