Resolve "Refactor buckets into pinia store"

Closes #29 (closed) #28 (closed)

src/components/Modals/CopyObjectModal.vue

@@ -2,17 +2,16 @@
 import type { S3Client } from "@aws-sdk/client-s3";
 import { CopyObjectCommand } from "@aws-sdk/client-s3";
 import BootstrapModal from "@/components/Modals/BootstrapModal.vue";
-import type { BucketOut } from "@/client";
 import { Modal, Toast } from "bootstrap";
 import { onMounted, reactive, watch } from "vue";
 import type { S3ObjectMetaInformation } from "@/client";
 import dayjs from "dayjs";
+import { useBucketStore } from "@/stores/buckets";
 
 const props = defineProps<{
   modalID: string;
   sourceObject: S3ObjectMetaInformation;
   s3Client: S3Client;
-  availableBuckets: BucketOut[];
 }>();
 
 const formState = reactive({
@@ -24,6 +23,7 @@ const formState = reactive({
   destBucket: string;
   uploading: boolean;
 });
+const bucketRepository = useBucketStore();
 
 const emit = defineEmits<{
   (e: "object-copied", object: S3ObjectMetaInformation): void;
@@ -165,7 +165,7 @@ onMounted(() => {
               >
                 <option disabled selected>Select one...</option>
                 <option
-                  v-for="bucket in props.availableBuckets"
+                  v-for="bucket in bucketRepository.writableBuckets"
                   :key="bucket.name"
                   :value="bucket.name"
                 >