Improved cup size query.

assets/components/actors/actors.vue

@@ -79,6 +79,7 @@
 										:min="0"
 										:max="boobSizes.length - 1"
 										:value="boobSize"
+										:values="boobSizes"
 										:disabled="!boobSizeRequired"
 										@change="(sizeRange) => updateValue('boobSize', sizeRange)"
 									>
@@ -153,7 +154,7 @@ import Range from '../form/range.vue';
 import Pagination from '../pagination/pagination.vue';
 
 const toggleValues = [true, undefined, false];
-const boobSizes = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
+const boobSizes = 'ABCDEFZ'.split('');
 
 function updateFilters() {
 	this.$router.push({
@@ -179,7 +180,7 @@ async function fetchActors(scroll) {
 		pageNumber: Number(this.$route.params.pageNumber) || 1,
 		letter: this.letter.replace('all', ''),
 		gender: curatedGender === 'other' ? null : curatedGender,
-		boobSize: this.boobSizeRequired && this.boobSizes.slice(this.boobSize[0], this.boobSize[1]),
+		boobSize: this.boobSizeRequired && this.boobSize,
 		naturalBoobs: toggleValues[this.naturalBoobs] ?? null,
 	});
 
@@ -231,7 +232,7 @@ export default {
 			limit: 50,
 			letters: ['all'].concat(Array.from({ length: 26 }, (value, index) => String.fromCharCode(index + 97).toUpperCase())),
 			boobSizes,
-			boobSize: this.$route.query.bs?.split(',') || [0, boobSizes.length - 1],
+			boobSize: this.$route.query.bs?.split(',') || ['A', 'Z'],
 			boobSizeRequired: this.$route.query.bs || false,
 			naturalBoobs: naturalBoobs > -1 ? naturalBoobs : 1,
 		};