Refactor border radius variable: rename $standard-border-radius to $border-radius-standard and update usage across components; add types for Album, Artist, and Genre

app/styles/_variables.scss

@@ -7,4 +7,4 @@ $color-button: rgba(255, 255, 255, 0.08);
 $color-button-hover: rgba(255, 255, 255, 0.16);
 $color-attention: #fc8181;
 
-$standard-border-radius: 0.3rem;
+$border-radius-standard: 0.3rem;

app/ui/Button.vue

@@ -45,7 +45,7 @@ const props = withDefaults(defineProps<ButtonProps>(), {
 .button {
 	padding: 0.6rem 1rem;
 	transition: background-color 0.2s ease-in-out;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 
 	font-weight: 600;
 }

app/ui/Card.vue

@@ -17,7 +17,7 @@ const props = defineProps<CardProps>()
 
 .card {
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	padding: 1rem;
 }
 </style>

app/ui/Checkbox.vue

@@ -77,7 +77,7 @@ const props = defineProps<CheckboxProps>()
 	height: 1rem;
 	width: 1rem;
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	background-color: transparent;
 	transition: background-color 0.2s, border-color 0.2s;
 }

app/ui/Input.vue

@@ -70,7 +70,7 @@ const props = defineProps<InputProps>()
 }
 
 .input {
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	border: 1px solid $color-border;
 
 	padding: 0.5rem 1rem;

app/ui/ToastContainer.vue

@@ -37,7 +37,7 @@ const { toasts, remove } = useToast()
 .toast {
 	background-color: $color-background;
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 
 	padding: 10px 16px;
 	min-width: 200px;

app/utils/types.ts

@@ -0,0 +1,19 @@
+interface Base {
+	_id: string
+}
+
+export interface Album extends Base {
+	name: string
+	file: string
+	artists: Artist[]
+	genre: Genre
+}
+
+export interface Artist extends Base {
+	name: string
+	file: string
+}
+
+export interface Genre extends Base {
+	name: string
+}