Blank

<template>
	<router-view :class="{ dark: theme === 'dark' }" /> </template>
<script>
	export default {
		inject: ['theme'],
		data: () => ({}),
		head() {
			return {
				link: [{
					rel: 'icon',
					type: 'image/png',
					href: 'favicon.png'
				}]
			};
		}
	};

</script>

<template>
	<div>Example Component</div>
</template>
<script>
	export default {
		data: () => ({})
	};

</script>
<style scoped></style>

import { createRouter, createWebHistory } from 'vue-router'
const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('@/views/Home.vue')
  },
  {
    path: '/:catchall(.*)',
    component: () => import('@/views/NotFound.vue'),
    props: true,
    name: 'NotFound'
  }
]
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
  scrollBehavior(to, from, savedPosition) {
    return {
      top: 0
    }
  }
})
export default router

<template>
</template>
<script>
	export default {
		data: () => ({})
	};

</script>
<style scoped></style>

<template>
</template>
<script>
	export default {
		data: () => ({})
	};

</script>
<style scoped></style>