🎨 Improve code readability by reformatting functions and cleaning up whitespace

code/websites/pokedex.online/src/composables/useClipboard.js

@@ -0,0 +1,65 @@
+/**
+ * Clipboard Composable
+ * Handles clipboard operations with feedback
+ */
+
+import { ref } from 'vue';
+
+/**
+ * Clipboard operations composable
+ * @returns {Object} Clipboard functions and state
+ */
+export function useClipboard() {
+  const copied = ref(false);
+  const error = ref(null);
+
+  /**
+   * Copy text to clipboard
+   * @param {string} text - Text to copy
+   * @returns {Promise<boolean>} Success status
+   */
+  const copyToClipboard = async (text) => {
+    error.value = null;
+    copied.value = false;
+
+    try {
+      await navigator.clipboard.writeText(text);
+      copied.value = true;
+      
+      // Reset after 2 seconds
+      setTimeout(() => {
+        copied.value = false;
+      }, 2000);
+
+      return true;
+    } catch (err) {
+      error.value = err.message;
+      console.error('Failed to copy to clipboard:', err);
+      return false;
+    }
+  };
+
+  /**
+   * Read text from clipboard
+   * @returns {Promise<string|null>} Clipboard text or null
+   */
+  const readFromClipboard = async () => {
+    error.value = null;
+
+    try {
+      const text = await navigator.clipboard.readText();
+      return text;
+    } catch (err) {
+      error.value = err.message;
+      console.error('Failed to read from clipboard:', err);
+      return null;
+    }
+  };
+
+  return {
+    copied,
+    error,
+    copyToClipboard,
+    readFromClipboard
+  };
+}