chore: rename Nuxt.js to Nuxt (#602)
This commit is contained in:
parent
a1faecc7d2
commit
ae43e5e08a
|
|
@ -44,7 +44,7 @@ import {
|
||||||
const frameworks = [
|
const frameworks = [
|
||||||
{ value: 'next.js', label: 'Next.js' },
|
{ value: 'next.js', label: 'Next.js' },
|
||||||
{ value: 'sveltekit', label: 'SvelteKit' },
|
{ value: 'sveltekit', label: 'SvelteKit' },
|
||||||
{ value: 'nuxt.js', label: 'Nuxt.js' },
|
{ value: 'nuxt', label: 'Nuxt' },
|
||||||
{ value: 'remix', label: 'Remix' },
|
{ value: 'remix', label: 'Remix' },
|
||||||
{ value: 'astro', label: 'Astro' },
|
{ value: 'astro', label: 'Astro' },
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -97,7 +97,7 @@ Start by creating the following file structure:
|
||||||
└── app.vue
|
└── app.vue
|
||||||
```
|
```
|
||||||
|
|
||||||
I'm using a Nuxt.js example here but this works for any other Vue framework.
|
I'm using a Nuxt example here but this works for any other Vue framework.
|
||||||
|
|
||||||
- `columns.ts` It will contain our column definitions.
|
- `columns.ts` It will contain our column definitions.
|
||||||
- `data-table.vue` It will contain our `<DataTable />` component.
|
- `data-table.vue` It will contain our `<DataTable />` component.
|
||||||
|
|
|
||||||
|
|
@ -47,7 +47,7 @@ import {
|
||||||
|
|
||||||
### Link Component
|
### Link Component
|
||||||
|
|
||||||
When using the Nuxt.js `<NuxtLink />` component, you can use `navigationMenuTriggerStyle()` to apply the correct styles to the trigger.
|
When using the Nuxt `<NuxtLink />` component, you can use `navigationMenuTriggerStyle()` to apply the correct styles to the trigger.
|
||||||
|
|
||||||
```ts
|
```ts
|
||||||
import { navigationMenuTriggerStyle } from '@/components/ui/navigation-menu'
|
import { navigationMenuTriggerStyle } from '@/components/ui/navigation-menu'
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,7 @@ import { Button } from '@/lib/registry/default/ui/button'
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent position="popper">
|
<SelectContent position="popper">
|
||||||
<SelectItem value="nuxt">
|
<SelectItem value="nuxt">
|
||||||
Nuxt.js
|
Nuxt
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="next">
|
<SelectItem value="next">
|
||||||
Next.js
|
Next.js
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,7 @@ import {
|
||||||
Astro
|
Astro
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="nuxt">
|
<SelectItem value="nuxt">
|
||||||
Nuxt.js
|
Nuxt
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ import {
|
||||||
const frameworks = [
|
const frameworks = [
|
||||||
{ value: 'next.js', label: 'Next.js' },
|
{ value: 'next.js', label: 'Next.js' },
|
||||||
{ value: 'sveltekit', label: 'SvelteKit' },
|
{ value: 'sveltekit', label: 'SvelteKit' },
|
||||||
{ value: 'nuxt.js', label: 'Nuxt.js' },
|
{ value: 'nuxt', label: 'Nuxt' },
|
||||||
{ value: 'remix', label: 'Remix' },
|
{ value: 'remix', label: 'Remix' },
|
||||||
{ value: 'astro', label: 'Astro' },
|
{ value: 'astro', label: 'Astro' },
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ import { TagsInput, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInpu
|
||||||
const frameworks = [
|
const frameworks = [
|
||||||
{ value: 'next.js', label: 'Next.js' },
|
{ value: 'next.js', label: 'Next.js' },
|
||||||
{ value: 'sveltekit', label: 'SvelteKit' },
|
{ value: 'sveltekit', label: 'SvelteKit' },
|
||||||
{ value: 'nuxt.js', label: 'Nuxt.js' },
|
{ value: 'nuxt', label: 'Nuxt' },
|
||||||
{ value: 'remix', label: 'Remix' },
|
{ value: 'remix', label: 'Remix' },
|
||||||
{ value: 'astro', label: 'Astro' },
|
{ value: 'astro', label: 'Astro' },
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,7 @@ import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent position="popper">
|
<SelectContent position="popper">
|
||||||
<SelectItem value="nuxt">
|
<SelectItem value="nuxt">
|
||||||
Nuxt.js
|
Nuxt
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="next">
|
<SelectItem value="next">
|
||||||
Next.js
|
Next.js
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,7 @@ import {
|
||||||
Astro
|
Astro
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="nuxt">
|
<SelectItem value="nuxt">
|
||||||
Nuxt.js
|
Nuxt
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ import {
|
||||||
const frameworks = [
|
const frameworks = [
|
||||||
{ value: 'next.js', label: 'Next.js' },
|
{ value: 'next.js', label: 'Next.js' },
|
||||||
{ value: 'sveltekit', label: 'SvelteKit' },
|
{ value: 'sveltekit', label: 'SvelteKit' },
|
||||||
{ value: 'nuxt.js', label: 'Nuxt.js' },
|
{ value: 'nuxt', label: 'Nuxt' },
|
||||||
{ value: 'remix', label: 'Remix' },
|
{ value: 'remix', label: 'Remix' },
|
||||||
{ value: 'astro', label: 'Astro' },
|
{ value: 'astro', label: 'Astro' },
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ import { TagsInput, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInpu
|
||||||
const frameworks = [
|
const frameworks = [
|
||||||
{ value: 'next.js', label: 'Next.js' },
|
{ value: 'next.js', label: 'Next.js' },
|
||||||
{ value: 'sveltekit', label: 'SvelteKit' },
|
{ value: 'sveltekit', label: 'SvelteKit' },
|
||||||
{ value: 'nuxt.js', label: 'Nuxt.js' },
|
{ value: 'nuxt', label: 'Nuxt' },
|
||||||
{ value: 'remix', label: 'Remix' },
|
{ value: 'remix', label: 'Remix' },
|
||||||
{ value: 'astro', label: 'Astro' },
|
{ value: 'astro', label: 'Astro' },
|
||||||
]
|
]
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user