CSS not indented in <style> block of Vue files

[qjack001]

What it currently does

Currently, unindented CSS does not violate any rules. This is inconsistent with other rules that require code in the <script> and <template> blocks start a 1 level of indentation. Worse, it allows for inconsistent indentation within the block, allowing things like:

<style>
	body
{
		font-family: monospace;
		font-size: 14px;
		background: var(--background);
	}
</style>

and when --fix is run, "corrects" to:

<style>
body
	{
	font-family: monospace;
	font-size: 14px;
	background: var(--background);
}
</style>

What it should do

CSS should be indented starting at 1 indentation, and increase by 1 indentation every increase in depth. It should be consistent through out the <style> block.

<style>
	body
	{
		font-family: monospace;
		font-size: 14px;
		background: var(--background);
	}
</style>