fix list

src/components/Chat.vue

@@ -85,6 +85,29 @@ renderer.heading = (text, level, raw) => {
   return `<h${level} class="ns-pt-2 ns-pb-2 ns-text-white">${text}</h${level}>\n`;
 };
 
+renderer.list = (body, ordered, start) => {
+  const type = ordered ? "ol" : "ul";
+  const startatt = ordered && start !== 1 ? ' start="' + start + '"' : "";
+  const listClass = ordered ? "ns-list-decimal" : "ns-list-disc";
+  return (
+    "<" +
+    type +
+    startatt +
+    " class='ns-gap-2 ns-grid ns-pt-2 ns-pl-4 " +
+    listClass +
+    "'>\n" +
+    body +
+    "</" +
+    type +
+    ">\n"
+  );
+};
+
+renderer.listitem = (text, task, checked) => {
+  const s = `<li>${text.trim()}</li>\n`;
+  return s;
+};
+
 const options = ref({
   gfm: true,
   breaks: true,

src/components/NousChat.vue

@@ -106,8 +106,16 @@ const props = defineProps({
     default: "SpecialInitPayLoadDoNotTouch",
   },
   zIndex: {
+    type: Number,
+    default: 1000,
+  },
+  width: {
+    type: String,
+    default: "364px",
+  },
+  height: {
     type: String,
-    default: "1000",
+    default: "620px",
   },
   asrChunk: {
     type: Number,
@@ -143,8 +151,8 @@ onMounted(() => {
 const widgetStyle = computed(() => ({
   "--nous-chat-color": props.color,
   "--nous-chat-z-index": props.zIndex,
-  "--nous-chat-width": "364px",
-  "--nous-chat-height": "620px",
+  "--nous-chat-width": props.width,
+  "--nous-chat-height": props.height,
 }));
 
 // Functions