Improve some Vue code

pablosnt · Dec 27, 2024 · 3fc59d6 · 3fc59d6
1 parent cb025db
commit 3fc59d6
Show file tree

Hide file tree

Showing 42 changed files with 185 additions and 917 deletions.
diff --git a/src/frontend/components/base/autocomplete.vue b/src/frontend/components/base/autocomplete.vue
@@ -63,41 +63,13 @@
 
 <script setup lang="ts">
 const props = defineProps({
-  definition: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  collection: {
-    type: Array,
-    required: false,
-    default: null,
-  },
-  title: {
-    type: Function,
-    required: false,
-    default: (value) => value,
-  },
-  icon: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  enforceIcon: {
-    type: Boolean,
-    required: false,
-    default: false,
-  },
-  iconColor: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  chips: {
-    type: Boolean,
-    required: false,
-    default: false,
-  },
+  definition: { type: Object, required: false, default: null },
+  collection: { type: Array, required: false, default: null },
+  title: { type: Function, required: false, default: (value) => value },
+  icon: { type: String, required: false, default: undefined },
+  enforceIcon: { type: Boolean, required: false, default: false },
+  iconColor: { type: String, required: false, default: undefined },
+  chips: { type: Boolean, required: false, default: false },
 });
 const model = defineModel();
 const prependInner = ref(true);

diff --git a/src/frontend/components/base/dialog.vue b/src/frontend/components/base/dialog.vue
@@ -29,46 +29,14 @@
 <script setup lang="ts">
 defineProps({
   title: String,
-  subtitle: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  avatar: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  loading: {
-    type: Boolean,
-    required: false,
-    default: false,
-  },
-  color: {
-    type: String,
-    required: false,
-    default: "default",
-  },
-  width: {
-    type: String,
-    required: false,
-    default: "800",
-  },
-  icon: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  iconColor: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  elevation: {
-    type: String,
-    required: false,
-    default: "3",
-  },
+  subtitle: { type: String, required: false, default: undefined },
+  avatar: { type: String, required: false, default: undefined },
+  loading: { type: Boolean, required: false, default: false },
+  color: { type: String, required: false, default: "default" },
+  width: { type: String, required: false, default: "800" },
+  icon: { type: String, required: false, default: undefined },
+  iconColor: { type: String, required: false, default: undefined },
+  elevation: { type: String, required: false, default: "3" },
 });
 defineEmits(["closeDialog"]);
 </script>
diff --git a/src/frontend/components/base/section.vue b/src/frontend/components/base/section.vue
@@ -25,35 +25,11 @@
 <script setup lang="ts">
 defineProps({
   title: String,
-  titleClass: {
-    type: String,
-    required: false,
-    default: "text-h5",
-  },
-  subtitle: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  icon: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  color: {
-    type: String,
-    required: false,
-    default: "red",
-  },
-  loading: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  notWrappedText: {
-    type: Boolean,
-    required: false,
-    default: false,
-  },
+  titleClass: { type: String, required: false, default: "text-h5" },
+  subtitle: { type: String, required: false, default: undefined },
+  icon: { type: String, required: false, default: undefined },
+  color: { type: String, required: false, default: "red" },
+  loading: { type: String, required: false, default: undefined },
+  notWrappedText: { type: Boolean, required: false, default: false },
 });
 </script>
diff --git a/src/frontend/components/base/tag/input.vue b/src/frontend/components/base/tag/input.vue
@@ -51,26 +51,10 @@
 
 <script setup lang="ts">
 const props = defineProps({
-  value: {
-    type: Array,
-    required: false,
-    default: null,
-  },
-  label: {
-    type: String,
-    required: false,
-    default: "Tags",
-  },
-  icon: {
-    type: String,
-    required: false,
-    default: "mdi-tag",
-  },
-  validate: {
-    type: RegExp,
-    required: false,
-    default: null,
-  },
+  value: { type: Array, required: false, default: null },
+  label: { type: String, required: false, default: "Tags" },
+  icon: { type: String, required: false, default: "mdi-tag" },
+  validate: { type: RegExp, required: false, default: null },
 });
 defineEmits(["newValue", "newValues", "inputValue", "removeValue"]);
 const regex = props.validate === null ? useValidation().name : props.validate;

diff --git a/src/frontend/components/dashboard/activity.vue b/src/frontend/components/dashboard/activity.vue
@@ -254,16 +254,8 @@
 
 <script setup lang="ts">
 defineProps({
-  project: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  target: {
-    type: Object,
-    required: false,
-    default: null,
-  },
+  project: { type: Object, required: false, default: null },
+  target: { type: Object, required: false, default: null },
   height: String,
 });
 const enums = useEnums();

diff --git a/src/frontend/components/dashboard/assets/evolution.vue b/src/frontend/components/dashboard/assets/evolution.vue
@@ -88,16 +88,8 @@
 
 <script setup lang="ts">
 defineProps({
-  project: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  target: {
-    type: Object,
-    required: false,
-    default: null,
-  },
+  project: { type: Object, required: false, default: null },
+  target: { type: Object, required: false, default: null },
   height: String,
 });
 const enums = useEnums();

diff --git a/src/frontend/components/dashboard/assets/index.vue b/src/frontend/components/dashboard/assets/index.vue
@@ -203,16 +203,8 @@
 
 <script setup lang="ts">
 defineProps({
-  project: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  target: {
-    type: Object,
-    required: false,
-    default: null,
-  },
+  project: { type: Object, required: false, default: null },
+  target: { type: Object, required: false, default: null },
   height: String,
 });
 const enums = useEnums();

diff --git a/src/frontend/components/dashboard/triaging.vue b/src/frontend/components/dashboard/triaging.vue
@@ -93,16 +93,8 @@
 
 <script setup lang="ts">
 defineProps({
-  project: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  target: {
-    type: Object,
-    required: false,
-    default: null,
-  },
+  project: { type: Object, required: false, default: null },
+  target: { type: Object, required: false, default: null },
   height: String,
 });
 const enums = useEnums();

diff --git a/src/frontend/components/dashboard/vulnerabilities/evolution.vue b/src/frontend/components/dashboard/vulnerabilities/evolution.vue
@@ -92,16 +92,8 @@
 
 <script setup lang="ts">
 defineProps({
-  project: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  target: {
-    type: Object,
-    required: false,
-    default: null,
-  },
+  project: { type: Object, required: false, default: null },
+  target: { type: Object, required: false, default: null },
   height: String,
 });
 const enums = useEnums();

diff --git a/src/frontend/components/dashboard/vulnerabilities/index.vue b/src/frontend/components/dashboard/vulnerabilities/index.vue
@@ -287,16 +287,8 @@
 
 <script setup lang="ts">
 defineProps({
-  project: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  target: {
-    type: Object,
-    required: false,
-    default: null,
-  },
+  project: { type: Object, required: false, default: null },
+  target: { type: Object, required: false, default: null },
   height: String,
 });
 const enums = useEnums();

diff --git a/src/frontend/components/dashboard/window.vue b/src/frontend/components/dashboard/window.vue
@@ -36,32 +36,11 @@
 const props = defineProps({
   api: Object,
   title: String,
-  subtitle: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  icon: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-  iconColor: {
-    type: String,
-    required: false,
-    default: undefined,
-  },
-
-  project: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  target: {
-    type: Object,
-    required: false,
-    default: null,
-  },
+  subtitle: { type: String, required: false, default: undefined },
+  icon: { type: String, required: false, default: undefined },
+  iconColor: { type: String, required: false, default: undefined },
+  project: { type: Object, required: false, default: null },
+  target: { type: Object, required: false, default: null },
 });
 const emit = defineEmits(["stats"]);
 const loading = ref(true);