From 21c9705a0f947bf6e3900052987695c67f2d7510 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 15 Jan 2022 20:42:30 +0900
Subject: [PATCH] wip: refactor(client): migrate components to composition api
---
.../client/src/components/instance-ticker.vue | 47 ++++++-------------
1 file changed, 14 insertions(+), 33 deletions(-)
diff --git a/packages/client/src/components/instance-ticker.vue b/packages/client/src/components/instance-ticker.vue
index 1ce5a1c2c1..77fd8bb344 100644
--- a/packages/client/src/components/instance-ticker.vue
+++ b/packages/client/src/components/instance-ticker.vue
@@ -1,41 +1,22 @@
<template>
<div class="hpaizdrt" :style="bg">
- <img v-if="info.faviconUrl" class="icon" :src="info.faviconUrl"/>
- <span class="name">{{ info.name }}</span>
+ <img v-if="instance.faviconUrl" class="icon" :src="instance.faviconUrl"/>
+ <span class="name">{{ instance.name }}</span>
</div>
</template>
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { instanceName } from '@/config';
-
-export default defineComponent({
- props: {
- instance: {
- type: Object,
- required: false
- },
- },
-
- data() {
- return {
- info: this.instance || {
- faviconUrl: '/favicon.ico',
- name: instanceName,
- themeColor: (document.querySelector('meta[name="theme-color-orig"]') as HTMLMetaElement)?.content
- }
- }
- },
-
- computed: {
- bg(): any {
- const themeColor = this.info.themeColor || '#777777';
- return {
- background: `linear-gradient(90deg, ${themeColor}, ${themeColor + '00'})`
- };
- }
- }
-});
+<script lang="ts" setup>
+import { } from 'vue';
+
+const props = defineProps<{
+ instance: any; // TODO
+}>();
+
+const themeColor = props.instance.themeColor || '#777777';
+
+const bg = {
+ background: `linear-gradient(90deg, ${themeColor}, ${themeColor + '00'})`
+};
</script>
<style lang="scss" scoped>
--
GitLab