| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -40,6 +40,10 @@ export interface CreateReusableTemplateOptions<Props extends Record<string, any> | |||
| 40 | 40 | * @default true | |
| 41 | 41 | */ | |
| 42 | 42 | inheritAttrs?: boolean | |
| 43 | + /** | ||
| 44 | + * Name for the reuse component (useful for devtools). | ||
| 45 | + */ | ||
| 46 | + name?: string | ||
| 43 | 47 | /** | |
| 44 | 48 | * Props definition for reuse component. | |
| 45 | 49 | */ | |
@@ -62,11 +66,13 @@ export function createReusableTemplate< | |||
| 62 | 66 | ): ReusableTemplatePair<Bindings, MapSlotNameToSlotProps> { | |
| 63 | 67 | const { | |
| 64 | 68 | inheritAttrs = true, | |
| 69 | + name = 'ReusableTemplate', | ||
| 65 | 70 | } = options | |
| 66 | 71 | ||
| 67 | 72 | const render = shallowRef<Slot | undefined>() | |
| 68 | 73 | ||
| 69 | 74 | const define = defineComponent({ | |
| 75 | + name: `${name}.define`, | ||
| 70 | 76 | setup(_, { slots }) { | |
| 71 | 77 | return () => { | |
| 72 | 78 | render.value = slots.default | |
@@ -76,6 +82,7 @@ export function createReusableTemplate< | |||
| 76 | 82 | ||
| 77 | 83 | const reuse = defineComponent({ | |
| 78 | 84 | inheritAttrs, | |
| 85 | + name: `${name}.reuse`, | ||
| 79 | 86 | props: options.props, | |
| 80 | 87 | setup(props, { attrs, slots }) { | |
| 81 | 88 | return () => { | |
| Back | FazBrowse Home | New Git URL |
0 commit comments