codeflorist

/*
Nuxt 3 composable providing reactive variables
regarding current breakpoint status.
---------------------------------------------
Usage:

const { current, min, max } = useBreakpoints()

// returns current breakpoint
console.log(current.value)	// e.g. 'md'

codeflorist

export const useStoryRoutes = () => {
	type StoryRoute = {
		storyPath: string // The backend-storyblok-path of the story.
		uuid: string // The uuid of the story.
		localeTitles: LocalizedText
		localePaths: LocalizedText
	}

	const pageTypes = 'page,news-article'

codeflorist

/*
Provider to use the old storyblok image service v1
with the nuxt/image package.

Why use v1 instead of v2?
- v1 has the filters in the middle of the URL,
  leaving the filename at the end, which has
  benefits for SEO and when downloading the images.
- v1 has better CDN caching. v2 has problems	
  with the Cloudfront CDN cache invalidating every day	

codeflorist

/*
Nuxt 3 Plugin providing directives and helpers
to convert line breaks to <br>, <p> or arrays.
---------------------------------------------
Usage as directives (WARNING: can lead to XSS attack!):
	<div v-nl2br="string" />
	<div v-nl2p="string" />

Usage as helper in script setup:
	const { $nl2array, $nl2br, $nl2p } = useNuxtApp()	

codeflorist

/*
Nuxt 3 Plugin to detect bots
---------------------------------------------
Usage as helper in script setup:
	const { $isBot } = useNuxtApp()
	const isBot = $isBot()

Usage as helper in template:
	<div v-if="$isBot()"></div>

codeflorist

/*
Nuxt 3 Plugin providing helpers to convert anything
to kebap-case, snake_case, camelCase or PascalCase.
---------------------------------------------------

Usage as helper in script setup:
	const {$toKebabCase, $toSnakeCase, $toCamelCase, $toPascalCase} = useNuxtApp()
	console.log($toKebabCase('My String'))    // Outputs: my-string
	console.log($toSnakeCase('My String'))    // Outputs: my_string
	console.log($toCamelCase('My String'))    // Outputs: myString