@nuxt/ui 4.8.2 → 4.10.0

package/dist/runtime/components/prose/CodeCollapse.vue.d.ts

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/code-collapse';
-import type { IconProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCodeCollapse = ComponentConfig<typeof theme, AppConfig, 'codeCollapse', 'ui.prose'>;
 export interface ProseCodeCollapseProps {

package/dist/runtime/components/prose/CodeGroup.vue

@@ -19,7 +19,7 @@ const slots = defineSlots();
 const props = useComponentProps("prose.codeGroup", _props);
 const model = defineModel({ type: String });
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codeGroup || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.codeGroup || {} })());
 const rerenderCount = ref(1);
 const items = computed(() => {
   rerenderCount.value;

package/dist/runtime/components/prose/CodeIcon.d.vue.ts

@@ -1,4 +1,4 @@
-import type { IconProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
 export interface ProseCodeIconProps {
     icon?: IconProps['name'];
     filename?: string;

package/dist/runtime/components/prose/CodeIcon.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IconProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
 export interface ProseCodeIconProps {
     icon?: IconProps['name'];
     filename?: string;

package/dist/runtime/components/prose/CodePreview.vue

@@ -14,7 +14,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("prose.codePreview", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codePreview || {} })({ code: !!slots.code }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.codePreview || {} })({ code: !!slots.code }));
 </script>
 
 <template>

package/dist/runtime/components/prose/CodeTree.vue

@@ -25,7 +25,7 @@ const slots = defineSlots();
 const props = useComponentProps("prose.codeTree", _props);
 const appConfig = useAppConfig();
 const [DefineTreeTemplate, ReuseTreeTemplate] = createReusableTemplate();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codeTree || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.codeTree || {} })());
 const initialPath = props.modelValue ?? props.defaultValue;
 const model = ref(initialPath ? { path: initialPath } : void 0);
 const lastSelectedItem = ref();

package/dist/runtime/components/prose/Collapsible.d.vue.ts

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/collapsible';
-import type { IconProps, CollapsibleProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
+import type { CollapsibleProps } from '../Collapsible.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCollapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible', 'ui.prose'>;
 export interface ProseCollapsibleProps {

package/dist/runtime/components/prose/Collapsible.vue

@@ -23,7 +23,7 @@ defineSlots();
 const props = useComponentProps("prose.collapsible", _props);
 const { t } = useLocale();
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.collapsible || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.collapsible || {} })());
 </script>
 
 <template>

package/dist/runtime/components/prose/Collapsible.vue.d.ts

@@ -1,7 +1,8 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/collapsible';
-import type { IconProps, CollapsibleProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
+import type { CollapsibleProps } from '../Collapsible.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCollapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible', 'ui.prose'>;
 export interface ProseCollapsibleProps {

package/dist/runtime/components/prose/Em.vue

@@ -14,7 +14,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("prose.em", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.em || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.em || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/Field.vue

@@ -20,7 +20,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("prose.field", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.field || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.field || {} })());
 </script>
 
 <template>

package/dist/runtime/components/prose/FieldGroup.vue

@@ -16,7 +16,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("prose.fieldGroup", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.fieldGroup || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.fieldGroup || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/H1.d.vue.ts

@@ -5,6 +5,11 @@ import theme from '#build/ui/prose/h1';
 type ProseH1 = ComponentConfig<typeof theme, AppConfig, 'h1', 'ui.prose'>;
 export interface ProseH1Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH1['slots'];
 }

package/dist/runtime/components/prose/H1.vue

@@ -9,6 +9,7 @@ import { useComponentProps } from "../../composables/useComponentProps";
 import { tv } from "../../utils/tv";
 const _props = defineProps({
   id: { type: String, required: false },
+  anchor: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: Object, required: false }
 });
@@ -16,8 +17,8 @@ defineSlots();
 const props = useComponentProps("prose.h1", _props);
 const appConfig = useAppConfig();
 const { headings } = useRuntimeConfig().public?.mdc || {};
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h1 || {} })());
-const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h1);
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.h1 || {} })());
+const generate = computed(() => props.id && (props.anchor ?? (typeof headings?.anchorLinks === "boolean" ? headings.anchorLinks : headings?.anchorLinks?.h1) ?? false));
 </script>
 
 <template>

package/dist/runtime/components/prose/H1.vue.d.ts

@@ -5,6 +5,11 @@ import theme from '#build/ui/prose/h1';
 type ProseH1 = ComponentConfig<typeof theme, AppConfig, 'h1', 'ui.prose'>;
 export interface ProseH1Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH1['slots'];
 }

package/dist/runtime/components/prose/H2.d.vue.ts

@@ -5,6 +5,12 @@ import type { ComponentConfig } from '../../types/tv';
 type ProseH2 = ComponentConfig<typeof theme, AppConfig, 'h2', 'ui.prose'>;
 export interface ProseH2Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * `@nuxt/content` and `@nuxtjs/mdc` enable this for H2–H4 by default.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH2['slots'];
 }

package/dist/runtime/components/prose/H2.vue

@@ -10,6 +10,7 @@ import { tv } from "../../utils/tv";
 import UIcon from "../Icon.vue";
 const _props = defineProps({
   id: { type: String, required: false },
+  anchor: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: Object, required: false }
 });
@@ -17,8 +18,8 @@ defineSlots();
 const props = useComponentProps("prose.h2", _props);
 const appConfig = useAppConfig();
 const { headings } = useRuntimeConfig().public?.mdc || {};
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h2 || {} })());
-const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h2);
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.h2 || {} })());
+const generate = computed(() => props.id && (props.anchor ?? (typeof headings?.anchorLinks === "boolean" ? headings.anchorLinks : headings?.anchorLinks?.h2) ?? false));
 </script>
 
 <template>

package/dist/runtime/components/prose/H2.vue.d.ts

@@ -5,6 +5,12 @@ import type { ComponentConfig } from '../../types/tv';
 type ProseH2 = ComponentConfig<typeof theme, AppConfig, 'h2', 'ui.prose'>;
 export interface ProseH2Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * `@nuxt/content` and `@nuxtjs/mdc` enable this for H2–H4 by default.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH2['slots'];
 }

package/dist/runtime/components/prose/H3.d.vue.ts

@@ -5,6 +5,12 @@ import type { ComponentConfig } from '../../types/tv';
 type ProseH3 = ComponentConfig<typeof theme, AppConfig, 'h3', 'ui.prose'>;
 export interface ProseH3Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * `@nuxt/content` and `@nuxtjs/mdc` enable this for H2–H4 by default.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH3['slots'];
 }

package/dist/runtime/components/prose/H3.vue

@@ -10,6 +10,7 @@ import { tv } from "../../utils/tv";
 import UIcon from "../Icon.vue";
 const _props = defineProps({
   id: { type: String, required: false },
+  anchor: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: Object, required: false }
 });
@@ -17,8 +18,8 @@ defineSlots();
 const props = useComponentProps("prose.h3", _props);
 const appConfig = useAppConfig();
 const { headings } = useRuntimeConfig().public?.mdc || {};
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h3 || {} })());
-const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h3);
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.h3 || {} })());
+const generate = computed(() => props.id && (props.anchor ?? (typeof headings?.anchorLinks === "boolean" ? headings.anchorLinks : headings?.anchorLinks?.h3) ?? false));
 </script>
 
 <template>

package/dist/runtime/components/prose/H3.vue.d.ts

@@ -5,6 +5,12 @@ import type { ComponentConfig } from '../../types/tv';
 type ProseH3 = ComponentConfig<typeof theme, AppConfig, 'h3', 'ui.prose'>;
 export interface ProseH3Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * `@nuxt/content` and `@nuxtjs/mdc` enable this for H2–H4 by default.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH3['slots'];
 }

package/dist/runtime/components/prose/H4.d.vue.ts

@@ -5,6 +5,12 @@ import theme from '#build/ui/prose/h4';
 type ProseH4 = ComponentConfig<typeof theme, AppConfig, 'h4', 'ui.prose'>;
 export interface ProseH4Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * `@nuxt/content` and `@nuxtjs/mdc` enable this for H2–H4 by default.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH4['slots'];
 }

package/dist/runtime/components/prose/H4.vue

@@ -9,6 +9,7 @@ import { useComponentProps } from "../../composables/useComponentProps";
 import { tv } from "../../utils/tv";
 const _props = defineProps({
   id: { type: String, required: false },
+  anchor: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: Object, required: false }
 });
@@ -16,8 +17,8 @@ defineSlots();
 const props = useComponentProps("prose.h4", _props);
 const appConfig = useAppConfig();
 const { headings } = useRuntimeConfig().public?.mdc || {};
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h4 || {} })());
-const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h4);
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.h4 || {} })());
+const generate = computed(() => props.id && (props.anchor ?? (typeof headings?.anchorLinks === "boolean" ? headings.anchorLinks : headings?.anchorLinks?.h4) ?? false));
 </script>
 
 <template>

package/dist/runtime/components/prose/H4.vue.d.ts

@@ -5,6 +5,12 @@ import theme from '#build/ui/prose/h4';
 type ProseH4 = ComponentConfig<typeof theme, AppConfig, 'h4', 'ui.prose'>;
 export interface ProseH4Props {
     id?: string;
+    /**
+     * Wrap the heading in an anchor link when an `id` is present.
+     * `@nuxt/content` and `@nuxtjs/mdc` enable this for H2–H4 by default.
+     * @defaultValue false
+     */
+    anchor?: boolean;
     class?: any;
     ui?: ProseH4['slots'];
 }

package/dist/runtime/components/prose/Hr.vue

@@ -13,7 +13,7 @@ const _props = defineProps({
 });
 const props = useComponentProps("prose.hr", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.hr || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.hr || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/Icon.vue

@@ -15,7 +15,7 @@ const _props = defineProps({
 });
 const props = useComponentProps("prose.icon", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.icon || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.icon || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/Img.vue

@@ -27,7 +27,7 @@ const appConfig = useAppConfig();
 const [DefineImageTemplate, ReuseImageTemplate] = createReusableTemplate();
 const [DefineZoomedImageTemplate, ReuseZoomedImageTemplate] = createReusableTemplate();
 const open = ref(false);
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.img || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.img || {} })({
   zoom: props.zoom,
   open: open.value,
   width: !!props.width

package/dist/runtime/components/prose/Kbd.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface ProseKbdProps {
     value?: string;
     class?: any;
@@ -6,7 +7,7 @@ export interface ProseKbdProps {
     };
 }
 export interface ProseKbdSlots {
-    default?(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Kbd.vue

@@ -16,7 +16,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("prose.kbd", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.kbd || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.kbd || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/Kbd.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface ProseKbdProps {
     value?: string;
     class?: any;
@@ -6,7 +7,7 @@ export interface ProseKbdProps {
     };
 }
 export interface ProseKbdSlots {
-    default?(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Li.vue

@@ -14,7 +14,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("prose.li", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.li || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.li || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/Ol.vue

@@ -14,7 +14,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("prose.ol", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.ol || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.ol || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/P.vue

@@ -14,7 +14,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("prose.p", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.p || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.p || {} }));
 </script>
 
 <template>

package/dist/runtime/components/prose/Pre.d.vue.ts

@@ -1,7 +1,9 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/pre';
-import type { IconProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
+import type { ButtonProps } from '../Button.vue';
+import type { LinkPropsKeys } from '../Link.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ProsePre = ComponentConfig<typeof theme, AppConfig, 'pre', 'ui.prose'>;
 export interface ProsePreProps {
@@ -12,6 +14,12 @@ export interface ProsePreProps {
     highlights?: number[];
     hideHeader?: boolean;
     meta?: string;
+    /**
+     * Display a button to copy the code to the clipboard.
+     * `{ size: 'sm', color: 'neutral', variant: 'outline' }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    copy?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     class?: any;
     ui?: ProsePre['slots'];
 }
@@ -20,7 +28,9 @@ export interface ProsePreSlots {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {
+    copy: boolean | Omit<ButtonProps, LinkPropsKeys>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/Pre.vue

@@ -19,19 +19,20 @@ const _props = defineProps({
   highlights: { type: Array, required: false },
   hideHeader: { type: Boolean, required: false },
   meta: { type: String, required: false },
+  copy: { type: [Boolean, Object], required: false, default: true },
   class: { type: null, required: false },
   ui: { type: Object, required: false }
 });
 defineSlots();
 const props = useComponentProps("prose.pre", _props);
 const { t } = useLocale();
-const { copy, copied } = useClipboard();
+const { copy: copyToClipboard, copied } = useClipboard();
 const appConfig = useAppConfig();
 const baseRef = useTemplateRef("baseRef");
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.pre || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.pre || {} })());
 function copyCode() {
   const code = props.code ?? baseRef.value?.textContent ?? "";
-  copy(code);
+  copyToClipboard(code);
 }
 </script>
 
@@ -44,13 +45,14 @@ function copyCode() {
     </div>
 
     <UButton
+      v-if="props.copy"
       :icon="copied ? appConfig.ui.icons.copyCheck : appConfig.ui.icons.copy"
       color="neutral"
       variant="outline"
       size="sm"
       :aria-label="t('prose.pre.copy')"
+      v-bind="typeof props.copy === 'object' ? props.copy : {}"
       :class="ui.copy({ class: props.ui?.copy })"
-      tabindex="-1"
       @click="copyCode"
     />
 

package/dist/runtime/components/prose/Pre.vue.d.ts

@@ -1,7 +1,9 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/pre';
-import type { IconProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
+import type { ButtonProps } from '../Button.vue';
+import type { LinkPropsKeys } from '../Link.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ProsePre = ComponentConfig<typeof theme, AppConfig, 'pre', 'ui.prose'>;
 export interface ProsePreProps {
@@ -12,6 +14,12 @@ export interface ProsePreProps {
     highlights?: number[];
     hideHeader?: boolean;
     meta?: string;
+    /**
+     * Display a button to copy the code to the clipboard.
+     * `{ size: 'sm', color: 'neutral', variant: 'outline' }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    copy?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     class?: any;
     ui?: ProsePre['slots'];
 }
@@ -20,7 +28,9 @@ export interface ProsePreSlots {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {
+    copy: boolean | Omit<ButtonProps, LinkPropsKeys>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/Prompt.d.vue.ts

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/prompt';
-import type { IconProps } from '../../types';
+import type { IconProps } from '../Icon.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ProsePrompt = ComponentConfig<typeof theme, AppConfig, 'prompt', 'ui.prose'>;
 export interface ProsePromptProps {
@@ -11,9 +11,10 @@ export interface ProsePromptProps {
      */
     icon?: IconProps['name'];
     /**
+     * The `copy` action is always displayed, list any additional actions to show alongside it.
      * @defaultValue ['copy']
      */
-    actions?: ('copy' | 'cursor' | 'windsurf')[];
+    actions?: ('copy' | 'cursor' | 'windsurf' | 'claude')[];
     class?: any;
     ui?: ProsePrompt['slots'];
 }
@@ -23,7 +24,7 @@ export interface ProsePromptSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProsePromptProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePromptProps> & Readonly<{}>, {
-    actions: ("copy" | "cursor" | "windsurf")[];
+    actions: ("copy" | "cursor" | "windsurf" | "claude")[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePromptSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/prose/Prompt.vue

@@ -16,7 +16,7 @@ defineOptions({ inheritAttrs: false });
 const _props = defineProps({
   description: { type: String, required: false },
   icon: { type: null, required: false },
-  actions: { type: Array, required: false, default: () => ["copy"] },
+  actions: { type: Array, required: false, default: () => [] },
   class: { type: null, required: false },
   ui: { type: Object, required: false }
 });
@@ -25,7 +25,8 @@ const props = useComponentProps("prose.prompt", _props);
 const { t } = useLocale();
 const { copy, copied } = useClipboard();
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.prompt || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.prompt || {} })());
+const actions = computed(() => [.../* @__PURE__ */ new Set(["copy", ...props.actions])]);
 function getPromptText() {
   const children = slots.default?.();
   return children ? getSlotChildrenText(children).trim() : "";
@@ -34,14 +35,13 @@ function copyPrompt() {
   copy(getPromptText());
 }
 function openInCursor() {
-  const url = new URL("cursor://anysphere.cursor-deeplink/prompt");
-  url.searchParams.set("text", getPromptText());
-  window.open(url.toString(), "_self");
+  window.open(`cursor://anysphere.cursor-deeplink/prompt?text=${encodeURIComponent(getPromptText())}`, "_self");
 }
 function openInWindsurf() {
-  const url = new URL("windsurf://cascade/newChat");
-  url.searchParams.set("prompt", getPromptText());
-  window.open(url.toString(), "_self");
+  window.open(`windsurf://cascade/newChat?prompt=${encodeURIComponent(getPromptText())}`, "_self");
+}
+function openInClaude() {
+  window.open(`claude://code/new?q=${encodeURIComponent(getPromptText())}`, "_self");
 }
 </script>
 
@@ -57,7 +57,7 @@ function openInWindsurf() {
 
     <div :class="ui.actions({ class: props.ui?.actions })">
       <UButton
-        v-if="props.actions.includes('copy')"
+        v-if="actions.includes('copy')"
         :icon="copied ? appConfig.ui.icons.copyCheck : appConfig.ui.icons.copy"
         size="sm"
         :label="t('prose.prompt.copy')"
@@ -65,7 +65,7 @@ function openInWindsurf() {
       />
 
       <UButton
-        v-if="props.actions.includes('cursor')"
+        v-if="actions.includes('cursor')"
         icon="i-simple-icons-cursor"
         color="neutral"
         variant="outline"
@@ -75,7 +75,7 @@ function openInWindsurf() {
       />
 
       <UButton
-        v-if="props.actions.includes('windsurf')"
+        v-if="actions.includes('windsurf')"
         icon="i-simple-icons-windsurf"
         color="neutral"
         variant="outline"
@@ -83,6 +83,16 @@ function openInWindsurf() {
         :label="t('prose.prompt.openIn', { name: 'Windsurf' })"
         @click="openInWindsurf"
       />
+
+      <UButton
+        v-if="actions.includes('claude')"
+        icon="i-simple-icons-claude"
+        color="neutral"
+        variant="outline"
+        size="sm"
+        :label="t('prose.prompt.openIn', { name: 'Claude' })"
+        @click="openInClaude"
+      />
     </div>
   </div>
 </template>