feat: add useClipboard hook

Author: codebender828

.eslintrc.yml

@@ -7,21 +7,21 @@ extends:
   - plugin:prettier/recommended
   - plugin:vue/essential
   - plugin:vue/vue3-essential
-  - '@vue/typescript'
+  - "@vue/typescript"
 parser: vue-eslint-parser
 parserOptions:
-  parser: '@typescript-eslint/parser'
+  parser: "@typescript-eslint/parser"
   ecmaVersion: 2020
   sourceType: module
 plugins:
-  - '@typescript-eslint'
+  - "@typescript-eslint"
 rules:
-  '@typescript-eslint/member-delimiter-style':
+  "@typescript-eslint/member-delimiter-style":
     - error
     - multiline:
         delimiter: none
         requireLast: false
       singleline:
         delimiter: comma
         requireLast: false
-  vue/no-multiple-template-root: 'off'
+  vue/no-multiple-template-root: "off"

build/components.json

@@ -33,9 +33,6 @@
       }
     }
   },
-  "CAlertTitle": {
-    "name": "CAlertTitle"
-  },
   "CAlertDescription": {
     "name": "CAlertDescription"
   },
@@ -49,6 +46,9 @@
       }
     }
   },
+  "CAlertTitle": {
+    "name": "CAlertTitle"
+  },
   "CBreadcrumb": {
     "name": "CBreadcrumb",
     "props": {
@@ -78,19 +78,6 @@
       }
     }
   },
-  "CBreadcrumbSeparator": {
-    "name": "CBreadcrumbSeparator",
-    "props": {
-      "spacing": {
-        "type": [
-          null,
-          null,
-          null
-        ],
-        "default": "0.5rem"
-      }
-    }
-  },
   "CBreadcrumbItem": {
     "name": "CBreadcrumbItem",
     "props": {
@@ -124,6 +111,19 @@
     "name": "CBreadcrumbLink",
     "props": {}
   },
+  "CBreadcrumbSeparator": {
+    "name": "CBreadcrumbSeparator",
+    "props": {
+      "spacing": {
+        "type": [
+          null,
+          null,
+          null
+        ],
+        "default": "0.5rem"
+      }
+    }
+  },
   "CButton": {
     "name": "CButton",
     "props": {
@@ -311,10 +311,6 @@
   "CFormHelperText": {
     "name": ""
   },
-  "CFormErrorMessage": {
-    "name": "CFormErrorMessage",
-    "props": {}
-  },
   "CFormErrorIcon": {
     "name": "CFormErrorIcon",
     "props": {
@@ -338,6 +334,10 @@
       }
     }
   },
+  "CFormErrorMessage": {
+    "name": "CFormErrorMessage",
+    "props": {}
+  },
   "CFormLabel": {
     "name": "CFormLabel",
     "props": {}
@@ -455,6 +455,9 @@
       }
     }
   },
+  "CCircle": {
+    "name": "CCircle"
+  },
   "CSquare": {
     "name": "CSquare",
     "props": {
@@ -471,9 +474,6 @@
       }
     }
   },
-  "CCircle": {
-    "name": "CCircle"
-  },
   "CCenter": {
     "name": "CCenter",
     "props": {
@@ -670,27 +670,27 @@
       }
     }
   },
-  "CLinkOverlay": {
-    "name": "CLinkOverlay",
+  "CLinkBox": {
+    "name": "CLinkBox",
     "props": {
       "as": {
         "type": [
           null,
           null
         ],
-        "default": "a"
+        "default": "div"
       }
     }
   },
-  "CLinkBox": {
-    "name": "CLinkBox",
+  "CLinkOverlay": {
+    "name": "CLinkOverlay",
     "props": {
       "as": {
         "type": [
           null,
           null
         ],
-        "default": "div"
+        "default": "a"
       }
     }
   },
@@ -725,18 +725,18 @@
       ]
     }
   },
+  "CListIcon": {
+    "name": "CListIcon"
+  },
+  "CListItem": {
+    "name": "CListItem"
+  },
   "COrderedList": {
     "name": "COrderedList"
   },
   "CUnorderedList": {
     "name": "CUnorderedList"
   },
-  "CListItem": {
-    "name": "CListItem"
-  },
-  "CListIcon": {
-    "name": "CListIcon"
-  },
   "CKbd": {
     "name": "CKbd",
     "props": {
@@ -794,15 +794,8 @@
   "CSpacer": {
     "name": "CSpacer"
   },
-  "CStackDivider": {
-    "name": "CStackDivider",
-    "inheritAttrs": false
-  },
-  "CStackItem": {
-    "name": "CStackItem"
-  },
-  "CStack": {
-    "name": "CStack",
+  "CHStack": {
+    "name": "CHStack",
     "props": {
       "as": {
         "type": [
@@ -852,8 +845,8 @@
       ]
     }
   },
-  "CHStack": {
-    "name": "CHStack",
+  "CStack": {
+    "name": "CStack",
     "props": {
       "as": {
         "type": [
@@ -903,6 +896,13 @@
       ]
     }
   },
+  "CStackDivider": {
+    "name": "CStackDivider",
+    "inheritAttrs": false
+  },
+  "CStackItem": {
+    "name": "CStackItem"
+  },
   "CVStack": {
     "name": "CVStack",
     "props": {
@@ -1080,49 +1080,31 @@
       "closeModal"
     ]
   },
-  "CModalContent": {
-    "name": "CModalContent",
-    "inheritAttrs": false,
-    "emits": [
-      "click",
-      "mousedown",
-      "keydown"
-    ]
-  },
-  "CModalOverlay": {
-    "name": "CModalOverlay"
-  },
-  "CModalHeader": {
-    "name": "CModalHeader"
-  },
   "CModalBody": {
     "name": "CModalBody"
   },
-  "CModalFooter": {
-    "name": "CModalFooter"
-  },
   "CModalCloseButton": {
     "name": "CModalCloseButton",
     "emits": [
       "click"
     ]
   },
-  "CDrawerBody": {
-    "name": "CModalBody"
-  },
-  "CDrawerCloseButton": {
-    "name": "CModalCloseButton",
+  "CModalContent": {
+    "name": "CModalContent",
+    "inheritAttrs": false,
     "emits": [
-      "click"
+      "click",
+      "mousedown",
+      "keydown"
     ]
   },
-  "CDrawerFooter": {
+  "CModalFooter": {
     "name": "CModalFooter"
   },
-  "CDrawerHeader": {
+  "CModalHeader": {
     "name": "CModalHeader"
   },
-  "CDrawerOverlay": {
+  "CModalOverlay": {
     "name": "CModalOverlay"
   },
   "CDrawer": {
@@ -1182,6 +1164,15 @@
       "escape"
     ]
   },
+  "CDrawerBody": {
+    "name": "CModalBody"
+  },
+  "CDrawerCloseButton": {
+    "name": "CModalCloseButton",
+    "emits": [
+      "click"
+    ]
+  },
   "CDrawerContent": {
     "name": "CDrawerContent",
     "inheritAttrs": false,
@@ -1191,22 +1182,13 @@
       "keydown"
     ]
   },
-  "CAlertDialogBody": {
-    "name": "CModalBody"
-  },
-  "CAlertDialogCloseButton": {
-    "name": "CModalCloseButton",
-    "emits": [
-      "click"
-    ]
-  },
-  "CAlertDialogFooter": {
+  "CDrawerFooter": {
     "name": "CModalFooter"
   },
-  "CAlertDialogHeader": {
+  "CDrawerHeader": {
     "name": "CModalHeader"
   },
-  "CAlertDialogOverlay": {
+  "CDrawerOverlay": {
     "name": "CModalOverlay"
   },
   "CAlertDialog": {
@@ -1267,10 +1249,28 @@
       "escape"
     ]
   },
+  "CAlertDialogBody": {
+    "name": "CModalBody"
+  },
+  "CAlertDialogCloseButton": {
+    "name": "CModalCloseButton",
+    "emits": [
+      "click"
+    ]
+  },
   "CAlertDialogContent": {
     "name": "CAlertDialogContent",
     "inheritAttrs": false
   },
+  "CAlertDialogFooter": {
+    "name": "CModalFooter"
+  },
+  "CAlertDialogHeader": {
+    "name": "CModalHeader"
+  },
+  "CAlertDialogOverlay": {
+    "name": "CModalOverlay"
+  },
   "CMotion": {
     "name": "CMotion",
     "props": {

package.json

@@ -54,7 +54,7 @@
     "@babel/core": "^7.12.9",
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-typescript": "^7.12.7",
-    "@chakra-ui/styled-system": "^1.10.0",
+    "@chakra-ui/styled-system": "^1.16.0",
     "@chakra-ui/utils": "^1.8.2",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.14.1",

packages/vue-composables/src/index.ts

@@ -1 +1,3 @@
 export * from "./use-id"
+export * from "./use-event-listener"
+export * from "./use-clipboard"