🕉 @feelinglovelynow/slug

💎 Install

pnpm add @feelinglovelynow/slug

🤓 Unit Tests

🙏 Description

• Helper function to create a slug (does not require Svelte) and a Svelte component to generate slugs in the browser (requires Svelte)
• Converts Hello World 123! to hello-world-123

💚 How it works

1. Lowercase all letters
2. Remove anything that is not a space, a-z, or 0-9
3. Remove space at end and beginning
4. IF two or more spaces found next to each other, convert to one space
5. Convert spaces to dashes

💛 Example: Slug function

import { slug } from '@feelinglovelynow/slug'

// foo-bar-hello-world-123
const response = slug(' ,.:foo ?!½)(@#$%^&*   ;\'"{}[]|/`~bar    <>_=+&¢£¥hello €© world®    123™·’\\ ')

🧡 Example: Slug component

<script lang="ts">
  import { Slug } from '@feelinglovelynow/slug'
</script>

<Slug />

❤️ Add custom styling to svelte component

.fln__slug {

  textarea {

  }

  &__generated {

  }
}

🎁 All Our Packages

1. @feelinglovelynow/datetime-local: NPM ⋅ Github
2. @feelinglovelynow/dgraph: NPM ⋅ Github
3. @feelinglovelynow/env-write: NPM ⋅ Github
4. @feelinglovelynow/get-form-entries: NPM ⋅ Github
5. @feelinglovelynow/get-relative-time: NPM ⋅ Github
6. @feelinglovelynow/global-style: NPM ⋅ Github
7. @feelinglovelynow/jwt: NPM ⋅ Github
8. @feelinglovelynow/loop-backwards: NPM ⋅ Github
9. @feelinglovelynow/slug: NPM ⋅ Github
10. @feelinglovelynow/svelte-catch: NPM ⋅ Github
11. @feelinglovelynow/svelte-kv: NPM ⋅ Github
12. @feelinglovelynow/svelte-loading-anchor: NPM ⋅ Github
13. @feelinglovelynow/svelte-modal: NPM ⋅ Github
14. @feelinglovelynow/svelte-turnstile: NPM ⋅ Github
15. @feelinglovelynow/toast: NPM ⋅ Github