Framework7 Svelte

app.svelte

<App { params }>
  <View main url="/" />
</App>

<script>
  import { App, View } from 'framework7-svelte';
  import Home from './pages/home.svelte';

  const params = {
    // ...
    routes: [
      {
        path: '/',
        component: Home,
      },
      // ...
    ]
  }
</script>

home.svelte

<Page>
  <Navbar large title="My App"/>
  <Block strong>
    <p>Welcome to my app!</p>
    <Button fill large>Button</Button>
  </Block>
  <List>
    <ListItem title="Item 1" />
    <ListItem title="Item 2" />
  </List>
</Page>

<script>
  import { Page, Navbar, Block, Button, List, ListItem } from 'framework7-svelte';
</script>