refactor: widget

src/client/app/common/views/widgets/analog-clock.vue

@@ -11,6 +11,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import define from '../../../common/define-widget-define-component';
+
 const widget = define({
 	name: 'analog-clock',
 	props: () => ({

src/client/app/common/views/widgets/instance.vue

@@ -7,8 +7,14 @@
 </template>
 
 <script lang="ts">
-import define from '../../../common/define-widget';
-export default define({
+import { defineComponent } from 'vue';
+import define from '../../../common/define-widget-define-component';
+
+const widget = define({
 	name: 'instance'
 });
+
+export default defineComponent({
+	extends: widget,
+})
 </script>

src/client/app/common/views/widgets/nav.vue

@@ -9,10 +9,16 @@
 </template>
 
 <script lang="ts">
-import define from '../../../common/define-widget';
-export default define({
+import { defineComponent } from 'vue';
+import define from '../../../common/define-widget-define-component';
+
+const widget = define({
 	name: 'nav'
 });
+
+export default defineComponent({
+	extends: widget,
+})
 </script>
 
 <style lang="stylus" scoped>