From 98802d61b6bec14166512759053e86ff8d08084f Mon Sep 17 00:00:00 2001
From: Francis Dinh <normandy@biribiri.dev>
Date: Fri, 22 Jul 2022 14:23:39 -0400
Subject: [PATCH] refactor: link.vue to use composition api

---
 packages/client/src/components/form/link.vue | 37 ++++++--------------
 1 file changed, 11 insertions(+), 26 deletions(-)

diff --git a/packages/client/src/components/form/link.vue b/packages/client/src/components/form/link.vue
index b74e9bd68..ced8faf2e 100644
--- a/packages/client/src/components/form/link.vue
+++ b/packages/client/src/components/form/link.vue
@@ -19,33 +19,18 @@
 </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
+<script lang="ts" setup>
+import { } from 'vue';
 
-export default defineComponent({
-	props: {
-		to: {
-			type: String,
-			required: true
-		},
-		active: {
-			type: Boolean,
-			required: false
-		},
-		external: {
-			type: Boolean,
-			required: false
-		},
-		behavior: {
-			type: String,
-			required: false,
-		},
-		inline: {
-			type: Boolean,
-			required: false
-		},
-	},
-});
+type Behavior = 'window' | 'browser' | 'modalWindow';
+
+defineProps<{
+	to: string;
+	active?: boolean;
+	external?: boolean;
+	behavior?: Behavior;
+	inline?: boolean;
+}>();
 </script>
 
 <style lang="scss" scoped>