浏览代码

refactor(InputHelpBox): Converted to Vue composition API

Owen Diffey 2 年之前
父节点
当前提交
43e6e572fc
共有 1 个文件被更改,包括 18 次插入20 次删除
  1. 18 20
      frontend/src/components/InputHelpBox.vue

+ 18 - 20
frontend/src/components/InputHelpBox.vue

@@ -1,3 +1,21 @@
+<script setup lang="ts">
+defineProps({
+	message: {
+		type: String,
+		required: true
+	},
+	valid: {
+		type: Boolean,
+		required: true
+	},
+	entered: {
+		type: Boolean,
+		default: undefined,
+		required: false
+	}
+});
+</script>
+
 <template>
 	<p
 		class="help"
@@ -13,26 +31,6 @@
 	</p>
 </template>
 
-<script>
-export default {
-	props: {
-		message: {
-			type: String,
-			required: true
-		},
-		valid: {
-			type: Boolean,
-			required: true
-		},
-		entered: {
-			type: Boolean,
-			default: undefined,
-			required: false
-		}
-	}
-};
-</script>
-
 <style lang="less" scoped>
 .help {
 	margin-top: 0 !important;