From 50879de738722d4eb247ac386d2d82af88836133 Mon Sep 17 00:00:00 2001
From: jiblett1000 <get@christianburkh.art>
Date: Tue, 7 Mar 2023 13:10:15 -0800
Subject: [PATCH 1/2] update deprecated composable

---
 docs/content/3.usage.md    | 4 ++--
 docs/content/5.advanced.md | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/content/3.usage.md b/docs/content/3.usage.md
index 4a43ccd7..43cb32b0 100644
--- a/docs/content/3.usage.md
+++ b/docs/content/3.usage.md
@@ -126,7 +126,7 @@ Partially updates an entry by `id` and returns its value. Fields that aren't sen
 import type { Restaurant } from '~/types'
 
 const route = useRoute()
-const { update } = useStrapi4()
+const { update } = useStrapi()
 
 const onSubmit = async () => {
   await update<Restaurant>('restaurants', route.params.id, { name: 'My updated restaurant' })
@@ -155,7 +155,7 @@ import type { Restaurant } from '~/types'
 
 const route = useRoute()
 // An alias is used here as `delete` is a reserved key-word.
-const { delete: _delete } = useStrapi4()
+const { delete: _delete } = useStrapi()
 
 const onSubmit = async () => {
   await _delete<Restaurant>('restaurants', route.params.id)
diff --git a/docs/content/5.advanced.md b/docs/content/5.advanced.md
index 79b8bb53..e60c65bd 100644
--- a/docs/content/5.advanced.md
+++ b/docs/content/5.advanced.md
@@ -11,7 +11,7 @@ To take full advantage of server-side rendering, you can use Nuxt [useAsyncData]
 import type { Restaurant } from '~/types'
 
 const route = useRoute()
-const { findOne } = useStrapi4()
+const { findOne } = useStrapi()
 
 const { data, pending, refresh, error } = await useAsyncData(
   'restaurant',

From 39c4e297b7cb3ad99dc07d4378bbd9b54027aeae Mon Sep 17 00:00:00 2001
From: jiblett1000 <get@christianburkh.art>
Date: Tue, 7 Mar 2023 13:12:33 -0800
Subject: [PATCH 2/2] badge styling, strapi title color

---
 docs/assets/css/main.css | 15 +++++++++++++++
 docs/nuxt.config.ts      |  1 +
 2 files changed, 16 insertions(+)
 create mode 100644 docs/assets/css/main.css

diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
new file mode 100644
index 00000000..fcc7889b
--- /dev/null
+++ b/docs/assets/css/main.css
@@ -0,0 +1,15 @@
+.inline-flex {
+  display: inline-flex;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.gap-3 {
+  gap: 0.75rem;
+}
+
+.strapi-title {
+  color: #4945ff;
+}
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index cc7e5385..55bf7212 100755
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -1,4 +1,5 @@
 export default defineNuxtConfig({
+  css: ['@/assets/css/main.css'],
   extends: ['@nuxt-themes/docus'],
   modules: ['nuxt-plausible'],
   plausible: {