fix: swap components over to use the composition api

[CaramelKat]

Resolves #XXX

Changes:

Per feedback, updated components to use the composition api instead of the older method for defining props

• I have read and agreed to the Code of Conduct.
• I have read and complied with the contributing guidelines.
• What I'm implementing was an approved issue.
• I have tested all of my changes.

[binaryoverload]

For the theming, instead of setting classes using a query selector across the whole app - I think you should look at using a state management library like https://pinia.vuejs.org/

This will allow you to get/set the theme anywhere in the app - and then set classes on elements appropriately

[binaryoverload]

Is this needed? If we put loadText into an onMount hook then it will always be loaded

This will also cause an infinite loop if the font can't be loaded for some reason

[CaramelKat]

This is needed because for whatever reason, the font doesn't always get loaded at the right time, which often results in the following:

onMounted(() => {
	matrix.setText(pages);
});

[binaryoverload]

Meant for the previous review to be request changes oops