diff --git a/src/tools/slugify-string/slugify-string.vue b/src/tools/slugify-string/slugify-string.vue index f7666e30..bb03b435 100644 --- a/src/tools/slugify-string/slugify-string.vue +++ b/src/tools/slugify-string/slugify-string.vue @@ -2,17 +2,35 @@ import slugify from '@sindresorhus/slugify'; import { withDefaultOnError } from '@/utils/defaults'; import { useCopy } from '@/composable/copy'; +import { useQueryParamOrStorage } from '@/composable/queryParams'; const input = ref(''); -const slug = computed(() => withDefaultOnError(() => slugify(input.value), '')); +const separator = useQueryParamOrStorage({ name: 'sep', storageName: 'slugify:sep', defaultValue: '-' }); +const slug = computed(() => withDefaultOnError(() => slugify(input.value, { + separator: separator.value, +}), '')); const { copy } = useCopy({ source: slug, text: 'Slug copied to clipboard' });