Reading VueJs-like single-file components with Powershell, premise for other manipulations...

Read-SingleFileWebComponent.ps1

# https://www.business.com/articles/powershell-read-xml-files/
# https://stackoverflow.com/questions/11685265/casting-in-powershell-weird-syntax#answer-11685318

$k = (([Xml]("<R>" + (Get-Content -Path ".\sfc.html") + "</R>")).R)
 
Start-Something -With $k.style
Start-Something -With $k.template
Start-Something -With $k.script
 

sfc.html

<style>
	button.red {
		background: red;
	}
</style>

<template id="red-button">
	<button class="red" data--="@mouseenter:focusCanvas @mousedown:focusCanvas">
		Hellow, there!
	</button>
</template>

<script>
	class RedButton extends BaseComponent {
		focusCanvas({ target, preventDefault }) {
			preventDefault()
			target.focus()
		}
	}
</script>