useChangeCase

Category

@Integrations

Export Size

302 B

Package

@reause/integrations

Last Changed

5 days ago

Reactive wrapper for change-case.

Subsitutes useCamelCase, usePascalCase, useSnakeCase, useSentenceCase, useCapitalize, etc.

Demo

Install

npm i change-case@^5

Usage

import { useChangeCase } from '@reause/integrations'

// `changeCase` is the transformed value, `setChangeCase` updates the input
const [changeCase, setChangeCase] = useChangeCase('hello world', 'camelCase')
changeCase // helloWorld
setChangeCase('vue use')
changeCase // vueUse
// Supported methods
// export {
//   camelCase,
//   capitalCase,
//   constantCase,
//   dotCase,
//   kebabCase,
//   noCase,
//   pascalCase,
//   pascalSnakeCase,
//   pathCase,
//   sentenceCase,
//   snakeCase,
//   trainCase,
// } from 'change-case'

Type Declarations

export type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys]

export type UseChangeCaseReturn = [
    string,
    Dispatch<SetStateAction<string>>
]

type ChangeCaseKeys = FilterKeys<typeof changeCase>

export function useChangeCase(input: string, type: ChangeCaseType, options?: Options | undefined): UseChangeCaseReturn

Source

Source · Demo · VueUse

Contributors

Changelog

v0.1.0 on

0d65e - fix(integrations): resolve useChangeCase audit findings (#797)

3e88f - feat(integrations): add useChangeCase (#90)