diff --git a/skills/objectui/guides/auth-permissions.md b/skills/objectui/guides/auth-permissions.md index 6d5df9d8e5..61fbd1bef3 100644 --- a/skills/objectui/guides/auth-permissions.md +++ b/skills/objectui/guides/auth-permissions.md @@ -26,7 +26,7 @@ const authClient = createAuthClient({ baseURL: '/api/v1/auth' }); function App() { return ( - + ); @@ -107,7 +107,7 @@ import { createAuthenticatedFetch, createAuthClient } from '@object-ui/auth'; import { ObjectStackAdapter } from '@object-ui/data-objectstack'; const authClient = createAuthClient({ baseURL: '/api/v1/auth' }); -const authenticatedFetch = createAuthenticatedFetch(authClient); +const authenticatedFetch = createAuthenticatedFetch(); const dataSource = new ObjectStackAdapter({ baseUrl: '/api/v1', @@ -239,7 +239,7 @@ import { PermissionGuard } from '@object-ui/permissions'; function AdminPanel() { return ( - }> + }> ); @@ -325,7 +325,7 @@ Here's the typical nesting order for a full-featured app: ```typescript - + }> diff --git a/skills/objectui/guides/i18n.md b/skills/objectui/guides/i18n.md index fc0d4ad315..96208f571a 100644 --- a/skills/objectui/guides/i18n.md +++ b/skills/objectui/guides/i18n.md @@ -92,15 +92,13 @@ For Tailwind layout adjustments, use RTL-aware utilities: ## Number, date, and currency formatting ```typescript -import { useObjectTranslation } from '@object-ui/i18n'; +import { formatCurrency, formatDate, formatNumber, formatRelativeTime } from '@object-ui/i18n'; function PriceDisplay({ amount, currency, date }) { - const { formatCurrency, formatDate, formatNumber, formatRelativeTime } = useObjectTranslation(); - return (
-

{formatCurrency(amount, currency)}

{/* $1,234.56 or ¥1,234.56 */} -

{formatDate(date, 'YYYY-MM-DD')}

{/* 2024-03-15 */} +

{formatCurrency(amount, { currency })}

{/* $1,234.56 or ¥1,234.56 */} +

{formatDate(date, { style: 'short' })}

{/* 2024-03-15 */}

{formatNumber(1234567)}

{/* 1,234,567 or 1.234.567 */}

{formatRelativeTime(date)}

{/* "3 days ago" */}
diff --git a/skills/objectui/guides/mobile.md b/skills/objectui/guides/mobile.md index 2eb1c1c2e8..a13a1aa695 100644 --- a/skills/objectui/guides/mobile.md +++ b/skills/objectui/guides/mobile.md @@ -41,7 +41,7 @@ function MobileCard() { threshold: 50, }); - const listRef = usePullToRefresh({ + const { ref: listRef } = usePullToRefresh({ onRefresh: async () => refetch(), // threshold?: px, default 80 }); diff --git a/skills/objectui/guides/project-setup.md b/skills/objectui/guides/project-setup.md index e45952baf7..8a976fcdfa 100644 --- a/skills/objectui/guides/project-setup.md +++ b/skills/objectui/guides/project-setup.md @@ -277,7 +277,7 @@ import. Importing any of the three from `app-shell` does not resolve. import { AppShell, ObjectView, AdapterProvider, MetadataProvider } from '@object-ui/app-shell'; - + }>