mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-21 15:31:46 +01:00
Merge remote-tracking branch 'origin/v3' into feat/detect-theme-hash
This commit is contained in:
@@ -10,6 +10,7 @@ const props = withDefaults(defineProps<{
|
||||
function getEmojiFlag(locale: string): string {
|
||||
const languageToCountry: Record<string, string> = {
|
||||
ar: 'sa',
|
||||
bn: 'bd',
|
||||
cs: 'cz',
|
||||
da: 'dk',
|
||||
el: 'gr',
|
||||
|
||||
@@ -140,7 +140,7 @@ function setBlackAsPrimary(value: boolean) {
|
||||
Theme
|
||||
</legend>
|
||||
|
||||
<div class="flex gap-1 -mx-2">
|
||||
<div class="grid grid-cols-3 gap-1 -mx-2">
|
||||
<ThemePickerButton
|
||||
v-for="m in modes"
|
||||
:key="m.label"
|
||||
|
||||
@@ -11,15 +11,16 @@ defineProps<{
|
||||
<UButton
|
||||
size="sm"
|
||||
color="neutral"
|
||||
variant="outline"
|
||||
:icon="icon"
|
||||
:label="label"
|
||||
:variant="selected ? 'soft' : 'outline'"
|
||||
class="capitalize ring-(--ui-border) rounded-(--ui-radius) text-[11px]"
|
||||
class="capitalize ring-(--ui-border) rounded-[calc(var(--ui-radius))] text-[11px]"
|
||||
:class="[selected ? 'bg-(--ui-bg-elevated)' : 'hover:bg-(--ui-bg-elevated)/50']"
|
||||
>
|
||||
<template v-if="chip" #leading>
|
||||
<slot name="leading">
|
||||
<span
|
||||
class="inline-block w-2 h-2 rounded-full"
|
||||
class="inline-block size-2 rounded-full"
|
||||
:class="`bg-(--color-light) dark:bg-(--color-dark)`"
|
||||
:style="{
|
||||
'--color-light': `var(--color-${chip}-500)`,
|
||||
|
||||
@@ -19,7 +19,6 @@ defineShortcuts({
|
||||
</script>
|
||||
```
|
||||
|
||||
- Shortcuts are automatically adjusted for non-macOS platforms, converting `meta` to `ctrl`.
|
||||
- The composable uses VueUse's [`useEventListener`](https://vueuse.org/core/useEventListener/) to handle keydown events.
|
||||
- For a complete list of available shortcut keys, refer to the [`KeyboardEvent.key`](https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values) API documentation. Note that the key should be written in lowercase.
|
||||
|
||||
@@ -47,8 +46,8 @@ Shortcuts are defined using the following format:
|
||||
|
||||
#### Modifiers
|
||||
|
||||
- `meta`: Represents Command (⌘) on macOS and Control on other platforms
|
||||
- `ctrl`: Represents Control key
|
||||
- `meta`: Represents `⌘ Command` on macOS and `⊞ Windows` on Windows
|
||||
- `ctrl`: Represents `Ctrl` on all platforms
|
||||
- `shift`: Used for alphabetic keys when Shift is required
|
||||
|
||||
#### Special Keys
|
||||
|
||||
@@ -96,35 +96,6 @@ Use the `direction` prop to control the direction of the Drawer. Defaults to `bo
|
||||
::component-code
|
||||
---
|
||||
prettier: true
|
||||
items:
|
||||
direction:
|
||||
- top
|
||||
- bottom
|
||||
props:
|
||||
direction: 'top'
|
||||
slots:
|
||||
default: |
|
||||
|
||||
<UButton label="Open" color="neutral" variant="subtle" trailing-icon="i-lucide-chevron-up" />
|
||||
|
||||
content: |
|
||||
|
||||
<Placeholder class="h-96 m-4" />
|
||||
---
|
||||
|
||||
:u-button{label="Open" color="neutral" variant="subtle" trailing-icon="i-lucide-chevron-up"}
|
||||
|
||||
#content
|
||||
:placeholder{class="h-96 m-4"}
|
||||
::
|
||||
|
||||
::component-code
|
||||
---
|
||||
prettier: true
|
||||
items:
|
||||
direction:
|
||||
- right
|
||||
- left
|
||||
props:
|
||||
direction: 'right'
|
||||
slots:
|
||||
@@ -134,13 +105,39 @@ slots:
|
||||
|
||||
content: |
|
||||
|
||||
<Placeholder class="w-96 m-4" />
|
||||
<Placeholder class="min-w-96 min-h-96 size-full m-4" />
|
||||
---
|
||||
|
||||
:u-button{label="Open" color="neutral" variant="subtle" trailing-icon="i-lucide-chevron-up"}
|
||||
|
||||
#content
|
||||
:placeholder{class="w-96 m-4"}
|
||||
:placeholder{class="min-w-96 min-h-96 size-full m-4"}
|
||||
::
|
||||
|
||||
### Inset
|
||||
|
||||
Use the `inset` prop to inset the Drawer from the edges.
|
||||
|
||||
::component-code
|
||||
---
|
||||
prettier: true
|
||||
props:
|
||||
direction: 'right'
|
||||
inset: true
|
||||
slots:
|
||||
default: |
|
||||
|
||||
<UButton label="Open" color="neutral" variant="subtle" trailing-icon="i-lucide-chevron-up" />
|
||||
|
||||
content: |
|
||||
|
||||
<Placeholder class="min-w-96 min-h-96 size-full m-4" />
|
||||
---
|
||||
|
||||
:u-button{label="Open" color="neutral" variant="subtle" trailing-icon="i-lucide-chevron-up"}
|
||||
|
||||
#content
|
||||
:placeholder{class="min-w-96 min-h-96 size-full m-4"}
|
||||
::
|
||||
|
||||
### Handle
|
||||
|
||||
@@ -97,7 +97,8 @@ export default defineNuxtConfig({
|
||||
// '/api/pulls.json'
|
||||
],
|
||||
crawlLinks: true,
|
||||
autoSubfolderIndex: false
|
||||
autoSubfolderIndex: false,
|
||||
failOnError: false
|
||||
},
|
||||
cloudflare: {
|
||||
pages: {
|
||||
@@ -155,6 +156,7 @@ export default defineNuxtConfig({
|
||||
image: {
|
||||
provider: 'ipx'
|
||||
},
|
||||
|
||||
llms: {
|
||||
domain: 'https://ui3.nuxt.dev',
|
||||
title: 'Nuxt UI v3',
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
"@nuxt/content": "^3.1.1",
|
||||
"@nuxt/image": "^1.9.0",
|
||||
"@nuxt/ui": "latest",
|
||||
"@nuxt/ui-pro": "https://pkg.pr.new/@nuxt/ui-pro@1211b76",
|
||||
"@nuxt/ui-pro": "https://pkg.pr.new/@nuxt/ui-pro@703e687",
|
||||
"@nuxthub/core": "^0.8.17",
|
||||
"@nuxtjs/plausible": "^1.2.0",
|
||||
"@octokit/rest": "^21.1.0",
|
||||
|
||||
Reference in New Issue
Block a user