docs: deprecated usage of useStrapi4 + missing old tailwind classes

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;
+}

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)

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',

docs/nuxt.config.ts

@@ -1,4 +1,5 @@
 export default defineNuxtConfig({
+  css: ['@/assets/css/main.css'],
   extends: ['@nuxt-themes/docus'],
   modules: ['nuxt-plausible'],
   plausible: {