refactor: widget

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

@@ -9,13 +9,17 @@
 </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: 'analog-clock',
 	props: () => ({
 		style: 0
 	})
-}).extend({
+})
+
+export default defineComponent({
+	extends: widget,
 	methods: {
 		func() {
 			this.props.style = (this.props.style + 1) % 4;

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

@@ -15,16 +15,20 @@
 </template>
 
 <script lang="ts">
-import define from '../../../common/define-widget';
+import { defineComponent } from 'vue';
+import define from '../../../common/define-widget-define-component';
 import i18n from '../../../i18n';
 
-export default define({
+const widget = define({
 	name: 'rss',
 	props: () => ({
 		compact: false,
 		url: 'https://www.gizmodo.jp/index.xml'
 	})
-}).extend({
+})
+
+export default defineComponent({
+	extends: widget,
 	i18n: i18n(),
 	data() {
 		return {

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

@@ -6,12 +6,16 @@
 
 <script lang="ts">
 import anime from 'animejs';
-import define from '../../../common/define-widget';
+import { defineComponent } from 'vue';
+import define from '../../../common/define-widget-define-component';
 import i18n from '../../../i18n';
 
-export default define({
+const widget = define({
 	name: 'tips'
-}).extend({
+})
+
+export default defineComponent({
+	extends: widget,
 	i18n: i18n('common/views/widgets/tips.vue'),
 
 	data() {

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

@@ -4,10 +4,15 @@
 
 <script lang="ts">
 import { version, codename } from '../../../config';
-import define from '../../../common/define-widget';
-export default define({
+import define from '../../../common/define-widget-define-component';
+import { defineComponent } from 'vue';
+
+const widget = define({
 	name: 'version'
-}).extend({
+})
+
+export default defineComponent({
+	extends: widget,
 	data() {
 		return {
 			version,