Can Route working with template content?

Hi, template is much cleaner, i have a problem with content.
content with only html working, but template content not working
Demo: upbeat-mendeleev-83ttr6 - CodeSandbox

routes = [
  {
	path: '/test-page',
	content: `
	 <template>
		  <div class="page">
		  </div>
		</template>
		<style>
		  .red-link {
			color: red;
		  }
		</style>
		<script>
		  export default (props, { $f7, $on }) => {
			return $render;
		  }
		</script>
		`
  }
]

Have a nice day. Thanks

You can do it with:

{
  path: '/test-page',
  component: app.component.parse(`<template>...</template>`),
}

where app is the F7 instance, so you can use it only after F7 init

@nolimits4web You are great. Thankyou very much.
Already working

routes: [
    {
      path: "/test-page/",
      async({ resolve }) {
        resolve({
          component: app.component.parse(`
          <template>
             <div class="page red-link">
             ABOUT PAGE
             </div>
           </template>
           <style>
             .red-link {
             color: red;
             }
           </style>
           <script>
             export default (props, { $f7, $on }) => {
             return $render;
             }
           </script>
           `)
        });
      }
    }
]