🚀 pnpm added

Author: Abdulnasır Olcan

README.md

@@ -45,6 +45,57 @@ const { value, remove } = useLocalStorage('test', 1);
 </template>
 ```
 
+## :sparkles: useState
+
+```vue
+<script setup lang="ts">
+import { useState } from 'vue3-use-hooks';
+const [count, setCount] = useState(0);
+</script>
+
+<template>
+ <div>
+ <p><b>Count: </b> {{ count }}</p>
+ <button class="fourth" @click="setCount(count - 1)">Decrement</button>
+ <button class="fourth" @click="setCount(count + 1)">Increment</button>
+ </div>
+</template>
+```
+
+## :sparkles: useStringCase
+
+```vue
+<script setup lang="ts">
+import { reactive } from 'vue';
+import { useStringCase } from 'vue3-use-hooks';
+
+const state = reactive({
+ name: 'imelda white',
+ gender: 'female',
+ company: 'NEUROCELL',
+ email: 'Imeldawhite@nr.com',
+ balance: '3,814.49',
+ about: 'Veniam fugiat pariatur adipisicing do consequat.',
+ address: 'bulwer place, lemoyne, district of columbia, 5597'
+});
+
+const { camelCase, kebabCase, pascalCase, upperCase, lowerCase, sentenceCase, capitalizeCase } =
+ useStringCase();
+</script>
+
+<template>
+ <div>
+ <p><b>CamelCase: </b>{{ camelCase(state.about) }}</p>
+ <p><b>CapitalizeCase: </b>{{ capitalizeCase(state.name) }}</p>
+ <p><b>SentenceCase: </b>{{ sentenceCase(state.company) }}</p>
+ <p><b>KebabCase: </b>{{ kebabCase(state.balance) }}</p>
+ <p><b>PascalCase: </b>{{ pascalCase(state.address) }}</p>
+ <p><b>LowerCase: </b>{{ lowerCase(state.email) }}</p>
+ <p><b>UpperCase: </b>{{ upperCase(state.gender) }}</p>
+ </div>
+</template>
+```
+
 ## :sparkles: useModal
 
 ```vue
@@ -106,57 +157,6 @@ const handleButton = () => {
 </template>
 ```
 
-## :sparkles: useState
-
-```vue
-<script setup lang="ts">
-import { useState } from 'vue3-use-hooks';
-const [count, setCount] = useState(0);
-</script>
-
-<template>
- <div>
- <p><b>Count: </b> {{ count }}</p>
- <button class="fourth" @click="setCount(count - 1)">Decrement</button>
- <button class="fourth" @click="setCount(count + 1)">Increment</button>
- </div>
-</template>
-```
-
-## :sparkles: useStringCase
-
-```vue
-<script setup lang="ts">
-import { reactive } from 'vue';
-import { useStringCase } from 'vue3-use-hooks';
-
-const state = reactive({
- name: 'imelda white',
- gender: 'female',
- company: 'NEUROCELL',
- email: 'Imeldawhite@nr.com',
- balance: '3,814.49',
- about: 'Veniam fugiat pariatur adipisicing do consequat.',
- address: 'bulwer place, lemoyne, district of columbia, 5597'
-});
-
-const { camelCase, kebabCase, pascalCase, upperCase, lowerCase, sentenceCase, capitalizeCase } =
- useStringCase();
-</script>
-
-<template>
- <div>
- <p><b>CamelCase: </b>{{ camelCase(state.about) }}</p>
- <p><b>CapitalizeCase: </b>{{ capitalizeCase(state.name) }}</p>
- <p><b>SentenceCase: </b>{{ sentenceCase(state.company) }}</p>
- <p><b>KebabCase: </b>{{ kebabCase(state.balance) }}</p>
- <p><b>PascalCase: </b>{{ pascalCase(state.address) }}</p>
- <p><b>LowerCase: </b>{{ lowerCase(state.email) }}</p>
- <p><b>UpperCase: </b>{{ upperCase(state.gender) }}</p>
- </div>
-</template>
-```
-
 ## License
 
 <div calign="center">

example/vue3/src/vite-env.d.ts

@@ -5,5 +5,3 @@ declare module '*.vue' {
  const component: DefineComponent<{}, {}, any>
  export default component
 }
-
-declare module 'vue3-use-hooks'

index.d.ts

@@ -0,0 +1 @@
+declare module 'vue3-use-hooks'

package.json

@@ -1,11 +1,12 @@
 {
  "name": "vue3-use-hooks",
- "version": "0.1.0",
+ "version": "0.1.1",
  "description": "vue3 use hooks",
  "author": "Abdulnasır OLCAN",
  "license": "MIT",
  "main": "dist/index.umd.js",
  "source": "src/index.ts",
+ "types": "index.d.ts",
  "scripts": {
  "dev": "vite",
  "build": "tsc && vite build",
@@ -46,7 +47,8 @@
  "vue3-hooks"
  ],
  "files": [
- "dist/*.js"
+ "dist/*.js",
+ "*.d.ts"
  ],
  "dependencies": {}
 }