refs #3301 Rewrite molecules/Toot/LinkPreview with composition API

src/renderer/components/molecules/Toot/LinkPreview.vue

@@ -12,8 +12,10 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
-export default {
+import { defineComponent } from 'vue'
+
+export default defineComponent({
   name: 'link-preview',
   props: {
     icon: {
@@ -33,14 +35,16 @@ export default {
       default: null
     }
   },
-  methods: {
+  setup() {
-    openLink(link) {
+    const openLink = (link: string) => {
-      if (link) {
+      ;(window as any).shell.openExternal(link)
-        return window.shell.openExternal(link)
+    }
+
+    return {
+      openLink
     }
   }
-  }
+})
-}
 </script>
 
 <style lang="scss">