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>
`)
});
}
}
]