add directus-format-title package

directus · Aug 7, 2024 · 2022999 · 2022999
1 parent 2860ef9
commit 2022999
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 11 deletions.
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
 	},
 	"devDependencies": {
 		"@directus/sdk": "16.1.1",
+        "@directus/format-title": "^11.0.0",
         "@formkit/auto-animate": "0.8.2",
 		"@nuxt/devtools": "1.0.8",
 		"@nuxt/image": "1.3.0",

diff --git a/pages/agency-directory/[slug].vue b/pages/agency-directory/[slug].vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { formatTitle } from '@directus/format-title'
 import type { Project } from '~/types/schema';
 
 const { $directus, $readItems } = useNuxtApp();
@@ -244,7 +245,7 @@ useSchemaOrg([
 								<dd>
 									<ul>
 										<li v-for="(specialty, spIdx) in partner?.specializations" :key="spIdx">
-											{{ toTitleCase(specialty) }}
+											{{ formatTitle(specialty) }}
 										</li>
 									</ul>
 								</dd>

diff --git a/pages/built-with-directus/[slug].vue b/pages/built-with-directus/[slug].vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { formatTitle } from '@directus/format-title';
 import type { AgencyPartner, Project, ProjectFile } from '~/types/schema';
 
 const { $directus, $readItems } = useNuxtApp();
@@ -236,7 +237,7 @@ useSchemaOrg([
 								<dd>
 									<ul>
 										<li v-for="(item, itemIdx) in project?.built_with" :key="itemIdx">
-											{{ toTitleCase(item) }}
+											{{ formatTitle(item) }}
 										</li>
 									</ul>
 								</dd>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/utils/titleCase.ts b/utils/titleCase.ts