fix: display slice type for mapped slices in todo component

Author: lihbr

src/components/SliceZone.ts

@@ -260,40 +260,33 @@ export const TODOSliceComponent = __PRODUCTION__
 			props: [],
 			inheritAttrs: false,
 			setup(_props, { attrs }) {
-				const type = computed(() =>
-					attrs.slice && typeof attrs.slice === "object"
-						? "slice_type" in attrs.slice
+				const type = computed(() => {
+					// API slices
+					if (attrs.slice && typeof attrs.slice === "object") {
+						return "slice_type" in attrs.slice
 							? (attrs.slice as Record<string, unknown>).slice_type
-							: "type" in attrs.slice
-							? (attrs.slice as Record<string, unknown>).type
-							: null
-						: null,
-				);
+							: (attrs.slice as Record<string, unknown>).type;
+					}
+
+					// Mapped slices
+					return "slice_type" in attrs ? attrs.slice_type : attrs.type;
+				});
 
 				watchEffect(() => {
-					type.value
-						? console.warn(
-								`[SliceZone] Could not find a component for Slice type "${type.value}"`,
-								attrs.slice,
-						  )
-						: console.warn(
-								"[SliceZone] Could not find a component for mapped Slice",
-								attrs,
-						  );
+					console.warn(
+						`[SliceZone] Could not find a component for Slice type "${type.value}"`,
+						attrs.slice || attrs,
+					);
 				});
 
 				return () => {
 					return h(
 						"section",
 						{
 							"data-slice-zone-todo-component": "",
-							"data-slice-type": type.value ? type.value : null,
+							"data-slice-type": type.value,
 						},
-						[
-							type.value
-								? `Could not find a component for Slice type "${type.value}"`
-								: "Could not find a component for mapped Slice",
-						],
+						[`Could not find a component for Slice type "${type.value}"`],
 					);
 				};
 			},

test/components-SliceZone.test.ts

@@ -325,7 +325,7 @@ it("renders TODO component if component mapping is missing", () => {
 	expect(wrapper.html()).toBe(
 		`<div class="wrapperComponentFoo"></div>
 <section data-slice-zone-todo-component="" data-slice-type="bar">Could not find a component for Slice type "bar"</section>
-<section data-slice-zone-todo-component="">Could not find a component for mapped Slice</section>`,
+<section data-slice-zone-todo-component="" data-slice-type="baz">Could not find a component for Slice type "baz"</section>`,
 	);
 	expect(console.warn).toHaveBeenCalledTimes(2);
 	expect(vi.mocked(console.warn).mock.calls[0]).toMatch(