summaryrefslogtreecommitdiff
path: root/src/client/widgets/clock.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/widgets/clock.vue')
-rw-r--r--src/client/widgets/clock.vue19
1 files changed, 12 insertions, 7 deletions
diff --git a/src/client/widgets/clock.vue b/src/client/widgets/clock.vue
index 6388324125..2aad24baec 100644
--- a/src/client/widgets/clock.vue
+++ b/src/client/widgets/clock.vue
@@ -1,17 +1,19 @@
<template>
-<mk-container :naked="props.transparent" :show-header="false">
+<MkContainer :naked="props.transparent" :show-header="false">
<div class="vubelbmv">
- <mk-analog-clock class="clock"/>
+ <MkAnalogClock class="clock"/>
</div>
-</mk-container>
+</MkContainer>
</template>
<script lang="ts">
+import { defineComponent } from 'vue';
import define from './define';
-import MkContainer from '../components/ui/container.vue';
-import MkAnalogClock from '../components/analog-clock.vue';
+import MkContainer from '@/components/ui/container.vue';
+import MkAnalogClock from '@/components/analog-clock.vue';
+import * as os from '@/os';
-export default define({
+const widget = define({
name: 'clock',
props: () => ({
transparent: {
@@ -19,7 +21,10 @@ export default define({
default: false,
},
})
-}).extend({
+});
+
+export default defineComponent({
+ extends: widget,
components: {
MkContainer,
MkAnalogClock