Change Case
Wrapper for change-case .
⚡️ Prerequisites
npm install --save change-case
npm install --save change-case
sh
Usage
<script>
import {changeCase} from "@sveu/extend/changeCase"
let value = "Svelte Utility"
console.log(changeCase(value, "snakeCase"))
</script>
<script>
import {changeCase} from "@sveu/extend/changeCase"
let value = "Svelte Utility"
console.log(changeCase(value, "snakeCase"))
</script>
svelte
Example
svelte_utility
Select Case:
<script lang="ts">
import {changeCase} from "@sveu/extend/changeCase"
const cases = [
"camelCase",
"capitalCase",
"constantCase",
"dotCase",
"headerCase",
"noCase",
"paramCase",
"pascalCase",
"pathCase",
"sentenceCase",
"snakeCase",
]
let value = "Svelte Utility"
let selected = "snakeCase"
</script>
<h1 class="font-bold mt-5 text-lg text-center">{changeCase(value, selected)}</h1>
<h2>Select Case:</h2>
<select bind:value="{selected}">
{#each cases as _case}
<option value="{_case}">{changeCase(_case, "capitalCase")}</option>
{/each}
</select>
<script lang="ts">
import {changeCase} from "@sveu/extend/changeCase"
const cases = [
"camelCase",
"capitalCase",
"constantCase",
"dotCase",
"headerCase",
"noCase",
"paramCase",
"pascalCase",
"pathCase",
"sentenceCase",
"snakeCase",
]
let value = "Svelte Utility"
let selected = "snakeCase"
</script>
<h1 class="font-bold mt-5 text-lg text-center">{changeCase(value, selected)}</h1>
<h2>Select Case:</h2>
<select bind:value="{selected}">
{#each cases as _case}
<option value="{_case}">{changeCase(_case, "capitalCase")}</option>
{/each}
</select>
svelte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Click fold/expand code
API
Arguments
Name | Description | Type | Required |
---|---|---|---|
input | The string to convert | string | Yes |
type | The type of conversion to perform | string | Yes |
Options
Read the change-case documentation for more information.