Refactor build, create auto types system, change component file type (#13)

* Refactor build, add cdn support, auto create types

* Update package.json

* Update App.vue

Author: kadiryazici

CHANGELOG.md

@@ -1,23 +1,45 @@
+## 0.2.0
+
+-  Types updated.
+-  Added support for cdn (unpkg, jsdelivr)
+-  Browser global name changed from `window['simplebar-vue3']` to `window.SimpleBarVue3`
+
+#### Breaking Changes
+
+-  Instead of giving a prop for each SimpleBar option, now there is `options` prop which expects SimpleBar options.
+
+<br>
+
 ## 0.1.6, 0.1.7, 0.1.8
 
 -  Just build fixes
 
+<br>
+
 ## 0.1.5
 
 -  Bundle production code as `es2020`
 
+<br>
+
 ## 0.1.4
 
 -  Fix typings
 
+<br>
+
 ## 0.1.3
 
 -  Add `tag` prop support.
 
+<br>
+
 ## 0.1.1 / 0.1.2
 
 -  Fixed typings.
 
+<br>
+
 ## 0.1.0
 
 -  Added template ref supoprt.

README.md

@@ -128,25 +128,17 @@ In **CHILD COMPONENTS** you can use `useSimplebar` composable to access simpleba
 </script>
 ```
 
-### Options
-
-You can give these options to the component as props.
+### Props
 
 ```ts
 import { Options } from 'simplebar';
 
 interface SimpleBarProps {
-   tag?: string; //default 'div'
-
-   // Simplebar Options as prop
-   autoHide?: Options['autoHide'];
-   classNames?: Options['classNames'];
-   clickOnTrack?: Options['clickOnTrack'];
-   direction?: Options['direction'];
-   forceVisible?: Options['forceVisible'];
-   scrollbarMaxSize?: Options['scrollbarMaxSize'];
-   scrollbarMinSize?: Options['scrollbarMinSize'];
-   timeout?: Options['timeout'];
+   /**
+    * @default {'div'}
+    */
+   tag?: string;
+   options?: Options;
 }
 ```
 

package.json

@@ -1,9 +1,11 @@
 {
    "name": "simplebar-vue3",
-   "version": "0.1.8",
+   "version": "0.2.0",
    "main": "./dist/simplebar-vue3.umd.js",
    "module": "./dist/simplebar-vue3.mjs",
-   "types": "./dist/lib.d.ts",
+   "types": "./dist/types/lib.d.ts",
+   "unpkg": "dist/simplebar-vue3.iife.js",
+   "jsdelivr": "dist/simplebar-vue3.iife.js",
    "exports": {
       ".": {
          "require": "./dist/simplebar-vue3.umd.js",
@@ -25,23 +27,19 @@
    "license": "MIT",
    "scripts": {
       "dev": "vite",
-      "build": "vue-tsc --noEmit && vite build"
+      "build": "vite build"
    },
    "devDependencies": {
-      "@types/fs-extra": "^9.0.13",
       "@types/node": "^16.11.54",
       "@types/prompts": "^2.0.14",
       "@vitejs/plugin-vue": "^3.0.3",
       "@vue/compiler-sfc": "^3.2.37",
-      "chalk": "^4.1.2",
-      "execa": "^5.1.1",
-      "fast-glob": "^3.2.11",
-      "fs-extra": "^10.1.0",
-      "prompts": "^2.4.2",
       "simplebar": "5.3.8",
+      "simplebar-vue3": "file:./",
       "ts-node": "^10.9.1",
       "typescript": "~4.7.4",
       "vite": "^3.0.9",
+      "vite-plugin-dts": "^1.4.1",
       "vue": "^3.2.37",
       "vue-tsc": "^0.38.9"
    },