Vue Composable Utils

# ✨ useStringCase

useStringCase is a function that alters string predetermined cases of strings

# 🍁 State

The useStringCase function is used as the following reactive state:

import { useStringCase } from 'vue-composable-utils';
const { string, camelCase } = useStringCase('');

  
        Copied!

# 🚀 Features

The initial value is sent to the function useStringCase().

useStringCase has 4 reactive properties

Name Description
this section will be update The value that is going to be binded.

# 💐 Example

You can see how it changes reactively using the example below.

CamelCase: veniamFugiatPariaturAdipisicingDoConsequat.

CapitalizeCase: Imelda white

SentenceCase: Neurocell

KebabCase: 3-814-49

PascalCase: Bulwer Place, Lemoyne, District Of Columbia, 5597

LowerCase: imeldawhite@nr.com

UpperCase: FEMALE

<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>

  
        Copied!

← useDate →