For purposes of triggering themed CSS rules, I find it handy to have the page name appear in the DOM.
e.g. in Page.vue
<div class= page :name= pageBaseName />
pageBasename() { return this.$page.path.replace( /[.]html$|^.*[/]/g, '') }
I expect my baseName() code is rather green, though. Please, can anyone suggest an informed approach?