Add rollup options, update vite config

Author: spyshiv

package-lock.json

@@ -1,21 +1,47 @@
 {
   "name": "google-recaptcha-vue3",
-  "private": true,
-  "version": "0.0.0",
+  "version": "0.0.1",
   "type": "module",
+  "description": "Vue 3 component which support both Google reCAPTCHA v2 and v3",
+  "main": "google-recaptcha-vue3.umd.js",
+  "module": "google-recaptcha-vue3.es.js",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./google-recaptcha-vue3.es.js",
+      "require": "./google-recaptcha-vue3.umd.js"
+    }
+  },
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview"
+    "build": "vite build"
   },
-  "dependencies": {
-    "vue": "^3.5.13"
+  "peerDependencies": {
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/tsconfig": "^0.7.0",
-    "typescript": "~5.7.2",
-    "vite": "^6.2.0",
-    "vue-tsc": "^2.2.4"
-  }
+    "@vitejs/plugin-vue": "^5.0.0",
+    "vite": "^5.0.0"
+  },
+  "keywords": [
+    "vue",
+    "recaptcha",
+    "google",
+    "v2",
+    "v3",
+    "vue3",
+    "vite"
+  ],
+  "author": "Shiv Baran Singh <[email protected]>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/spyshiv/google-recaptcha-vue3.git"
+  },
+  "bugs": {
+    "url": "https://github.com/spyshiv/google-recaptcha-vue3/issues"
+  },
+  "homepage": "https://github.com/spyshiv/google-recaptcha-vue3#readme"
 }

package.json

@@ -1,30 +1,7 @@
 <script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
+import Recaptcha from "./components/Recaptcha.vue";
 </script>
 
 <template>
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
+  <Recaptcha />
 </template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

public/vite.svg

@@ -0,0 +1,3 @@
+<template>
+  <div>This is recaptcha component</div>
+</template>

src/App.vue

@@ -0,0 +1,3 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+createApp(App).mount("#app");