99499164dc
* docs: add vue client to ui-library * docs: add missing vue client to llms.txt * docs: add nuxt client to ui-library * docs: wrong env variable names * docs: fix dependencies * docs: update client-nuxtjs.json * Reinstall the deps so that the pnpm-lock.yaml has less changes. * Add blocks/vue package. * Remove the vue blocks from ui-library. * Copy the vue blocks into ui-library. * Clean up unneeded files. * Regenerate the pnpm-lock file from master. * Fix prettier errors. * docs: update shadcn-vue cli * docs: reusable server client * Small things * docs: improvments after CR --------- Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com> Co-authored-by: Terry Sutton <saltcod@gmail.com>
24 lines
703 B
TypeScript
24 lines
703 B
TypeScript
'use client'
|
|
|
|
import { OpenInV0Button } from '@/components/open-in-v0-button'
|
|
|
|
import dynamic from 'next/dynamic'
|
|
|
|
//The dynamic import is to prevent the command component from being rendered on the server and cause hydration errors
|
|
const Command = dynamic(() => import('./command').then((mod) => mod.Command), { ssr: false })
|
|
|
|
interface BlockItemProps {
|
|
name: string
|
|
}
|
|
|
|
export const BlockItem = ({ name }: BlockItemProps) => {
|
|
const framework = name.includes('vue') || name.includes('nuxtjs') ? 'vue' : 'react'
|
|
|
|
return (
|
|
<div className="mt-4">
|
|
<Command name={name} highlight framework={framework} />
|
|
<OpenInV0Button name={name} className="w-fit shrink-0 mt-4" />
|
|
</div>
|
|
)
|
|
}
|