wip

src/client/default.vue

@@ -36,11 +36,13 @@
 	<div class="contents" ref="contents" :class="{ wallpaper }">
 		<main ref="main">
 			<div class="content">
-				<transition :name="$store.state.device.animation ? 'page' : ''" mode="out-in" @enter="onTransition">
-					<keep-alive :include="['index']">
-						<router-view></router-view>
-					</keep-alive>
-				</transition>
+				<router-view v-slot="{ Component }">
+					<transition :name="$store.state.device.animation ? 'page' : ''" mode="out-in" @enter="onTransition">
+						<keep-alive :include="['index']">
+							<component :is="Component" />
+						</keep-alive>
+					</transition>
+				</router-view>
 			</div>
 			<div class="powerd-by" :class="{ visible: !$store.getters.isSignedIn }">
 				<b><router-link to="/">{{ host }}</router-link></b>

src/client/widgets/define.ts

@@ -1,11 +1,11 @@
-import Vue from 'vue';
+import { defineComponent } from 'vue';
 import { Form } from '../scripts/form';
 
 export default function <T extends Form>(data: {
 	name: string;
 	props?: () => T;
 }) {
-	return Vue.extend({
+	return defineComponent({
 		props: {
 			widget: {
 				type: Object