web/satellite: fix vue warnings

This change addresses previously unseen warnings that are shown in the console if NODE_ENV is in development. Change-Id: I285dc51a184799aa1b6ed8f7ae6d8a18aedaf1a6
storj · Feb 13, 2024 · 8275cf6 · 8275cf6
1 parent 386d614
commit 8275cf6
Show file tree

Hide file tree

Showing 38 changed files with 47 additions and 47 deletions.
diff --git a/web/satellite/src/components/dialogs/CreateBucketDialog.vue b/web/satellite/src/components/dialogs/CreateBucketDialog.vue
@@ -127,7 +127,7 @@ const configStore = useConfigStore();
 const ipRegexp = /^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/;
 
 const props = withDefaults(defineProps<{
-    openCreated: boolean,
+    openCreated?: boolean,
 }>(), {
     openCreated: true,
 });

diff --git a/web/satellite/src/components/dialogs/ManagePassphraseDialog.vue b/web/satellite/src/components/dialogs/ManagePassphraseDialog.vue
@@ -179,7 +179,7 @@ class StepInfo {
 }
 
 const props = withDefaults(defineProps<{
-    isCreate: boolean;
+    isCreate?: boolean;
 }>(), {
     isCreate: false,
 });

diff --git a/web/satellite/src/components/dialogs/upgradeAccountFlow/UpgradeAccountDialog.vue b/web/satellite/src/components/dialogs/upgradeAccountFlow/UpgradeAccountDialog.vue
@@ -126,7 +126,7 @@ const plan = ref<PricingPlanInfo>();
 const content = ref<HTMLElement | null>(null);
 
 const props = withDefaults(defineProps<{
-    scrim: boolean,
+    scrim?: boolean,
 }>(), {
     scrim: true,
 });

diff --git a/web/satellite/src/components/icons/IconAccess.vue b/web/satellite/src/components/icons/IconAccess.vue
@@ -11,8 +11,8 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
-    bold: boolean;
+    size?: number | string;
+    bold?: boolean;
 }>(), {
     size: 20,
     bold: false,

diff --git a/web/satellite/src/components/icons/IconAllProjects.vue b/web/satellite/src/components/icons/IconAllProjects.vue
@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconBlueCheckmark.vue b/web/satellite/src/components/icons/IconBlueCheckmark.vue
@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 100,
 });

diff --git a/web/satellite/src/components/icons/IconBucket.vue b/web/satellite/src/components/icons/IconBucket.vue
@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    bold: boolean;
+    bold?: boolean;
 }>(), {
     bold: false,
 });

diff --git a/web/satellite/src/components/icons/IconBusiness.vue b/web/satellite/src/components/icons/IconBusiness.vue
@@ -15,7 +15,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 50,
 });

diff --git a/web/satellite/src/components/icons/IconCard.vue b/web/satellite/src/components/icons/IconCard.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 20,
 });

diff --git a/web/satellite/src/components/icons/IconCardView.vue b/web/satellite/src/components/icons/IconCardView.vue
@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 24,
 });

diff --git a/web/satellite/src/components/icons/IconCloud.vue b/web/satellite/src/components/icons/IconCloud.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 20,
 });

diff --git a/web/satellite/src/components/icons/IconCopy.vue b/web/satellite/src/components/icons/IconCopy.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number;
+    size?: number;
 }>(), {
     size: 18,
 });

diff --git a/web/satellite/src/components/icons/IconDashboard.vue b/web/satellite/src/components/icons/IconDashboard.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconDistribution.vue b/web/satellite/src/components/icons/IconDistribution.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 18,
 });

diff --git a/web/satellite/src/components/icons/IconDocs.vue b/web/satellite/src/components/icons/IconDocs.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconFile.vue b/web/satellite/src/components/icons/IconFile.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 20,
 });

diff --git a/web/satellite/src/components/icons/IconFolder.vue b/web/satellite/src/components/icons/IconFolder.vue
@@ -11,9 +11,9 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
-    color: string;
-    bold: boolean;
+    size?: number | string;
+    color?: string;
+    bold?: boolean;
 }>(), {
     size: 16,
     color: 'currentColor',

diff --git a/web/satellite/src/components/icons/IconForum.vue b/web/satellite/src/components/icons/IconForum.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconGlobe.vue b/web/satellite/src/components/icons/IconGlobe.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 20,
 });

diff --git a/web/satellite/src/components/icons/IconInfo.vue b/web/satellite/src/components/icons/IconInfo.vue
@@ -9,8 +9,8 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
-    size: number;
+    color?: string;
+    size?: number;
 }>(), {
     color: 'currentColor',
     size: 16,

diff --git a/web/satellite/src/components/icons/IconLocation.vue b/web/satellite/src/components/icons/IconLocation.vue
@@ -8,7 +8,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 16,
 });

diff --git a/web/satellite/src/components/icons/IconLogout.vue b/web/satellite/src/components/icons/IconLogout.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 18,
 });

diff --git a/web/satellite/src/components/icons/IconNew.vue b/web/satellite/src/components/icons/IconNew.vue
@@ -11,9 +11,9 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
-    size: number | string;
-    bold: boolean;
+    color?: string;
+    size?: number | string;
+    bold?: boolean;
 }>(), {
     color: 'currentColor',
     size: 20,

diff --git a/web/satellite/src/components/icons/IconPassphrase.vue b/web/satellite/src/components/icons/IconPassphrase.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconPersonal.vue b/web/satellite/src/components/icons/IconPersonal.vue
@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 50,
 });

diff --git a/web/satellite/src/components/icons/IconProject.vue b/web/satellite/src/components/icons/IconProject.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconResources.vue b/web/satellite/src/components/icons/IconResources.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconSatellite.vue b/web/satellite/src/components/icons/IconSatellite.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 20,
 });

diff --git a/web/satellite/src/components/icons/IconSettings.vue b/web/satellite/src/components/icons/IconSettings.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconShare.vue b/web/satellite/src/components/icons/IconShare.vue
@@ -10,8 +10,8 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
-    bold: boolean;
+    size?: number | string;
+    bold?: boolean;
 }>(), {
     size: 18,
     bold: false,

diff --git a/web/satellite/src/components/icons/IconStorjLogo.vue b/web/satellite/src/components/icons/IconStorjLogo.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 50,
 });

diff --git a/web/satellite/src/components/icons/IconSupport.vue b/web/satellite/src/components/icons/IconSupport.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    color: string;
+    color?: string;
 }>(), {
     color: 'currentColor',
 });

diff --git a/web/satellite/src/components/icons/IconTableView.vue b/web/satellite/src/components/icons/IconTableView.vue
@@ -14,7 +14,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 24,
 });

diff --git a/web/satellite/src/components/icons/IconTeam.vue b/web/satellite/src/components/icons/IconTeam.vue
@@ -11,8 +11,8 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
-    bold: boolean;
+    size?: number | string;
+    bold?: boolean;
 }>(), {
     size: 20,
     bold: false,

diff --git a/web/satellite/src/components/icons/IconTrash.vue b/web/satellite/src/components/icons/IconTrash.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    bold: boolean;
+    bold?: boolean;
 }>(), {
     bold: false,
 });

diff --git a/web/satellite/src/components/icons/IconUpgrade.vue b/web/satellite/src/components/icons/IconUpgrade.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 18,
 });

diff --git a/web/satellite/src/components/icons/IconUpload.vue b/web/satellite/src/components/icons/IconUpload.vue
@@ -9,8 +9,8 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number;
-    color: string;
+    size?: number;
+    color?: string;
 }>(), {
     size: 16,
     color: 'currentColor',

diff --git a/web/satellite/src/components/icons/IconVersioning.vue b/web/satellite/src/components/icons/IconVersioning.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 const props = withDefaults(defineProps<{
-    size: number | string;
+    size?: number | string;
 }>(), {
     size: 16,
 });