@threenine/nuxstr-comments 1.5.1 → 1.5.2

package/README.md

@@ -38,27 +38,13 @@ npx nuxi module add @threenine/nuxstr-comments
 That's it! You can now use Nuxstr Comments in your Nuxt app ✨
 
 ### Usage
-
-1. Ensure @nuxt/content is enabled and your blog post pages use ContentDoc or render content files.
-2. Add the comments component where you want comments to appear (usually below a ContentDoc):
-
-```vue
-<template>
-  <div>
-    <ContentDoc />
-    <NuxstrComments />
-  </div>
-</template>
-```
-
 By default, the component tags comments by the current route path (e.g., content:/blog/my-post) and fetches them from configured relays.
 
-3. Configuration (nuxt.config.ts):
+1. Configuration (nuxt.config.ts):
 
 ```ts
 export default defineNuxtConfig({
   modules: [
-    '@nuxt/content',
     '@threenine/nuxstr-comments',
   ],
   nuxstrComments: {
@@ -68,6 +54,18 @@ export default defineNuxtConfig({
   },
 })
 ```
+
+
+2. Add the comments component where you want comments to appear (usually below a ContentDoc):
+
+```vue
+<template>
+  <div>
+      <NuxstrComments />
+  </div>
+</template>
+```
+
 Select your preferred relays from the list of [relays](https://nostrwat.ch/) and configure the tag strategy and tag prefix.
 
 When a user attempts to post, they will be prompted to log in with their Nostr browser extension [NIP-07](https://github.com/nostr-protocol/nips/blob/master/07.md).
@@ -75,7 +73,7 @@ When a user attempts to post, they will be prompted to log in with their Nostr b
 Comments are published as kind: 1111  as defined in [NIP-22](https://github.com/nostr-protocol/nips/blob/master/22.md) 
 notes tagged with a `t` tag containing the content tag (e.g., `comment:/blog/my-post`). 
 
-Replys to comments are enable, and are also published as kind: 1111, as defined in [NIP-22](https://github.com/nostr-protocol/nips/blob/master/22.md)
+Replys to comments are enabled, and are also published as kind: 1111, as defined in [NIP-22](https://github.com/nostr-protocol/nips/blob/master/22.md)
 
 
 
@@ -86,26 +84,26 @@ Replys to comments are enable, and are also published as kind: 1111, as defined
   
   ```bash
   # Install dependencies
-  npm install
+  pnpm install
   
   # Generate type stubs
-  npm run dev:prepare
+  pnpm run dev:prepare
   
   # Develop with the playground
-  npm run dev
+  pnpm run dev
   
   # Build the playground
-  npm run dev:build
+  pnpm run dev:build
   
   # Run ESLint
-  npm run lint
+  pnpm run lint
   
   # Run Vitest
-  npm run test
-  npm run test:watch
+  pnpm run test
+  pnpm run test:watch
   
   # Release new version
-  npm run release
+  pnpm run release
   ```
 
 </details>

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@threenine/nuxstr-comments",
   "configKey": "nuxstrComments",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/CommentView.d.vue.ts

@@ -1,6 +1,6 @@
 type __VLS_Props = {
     content: string;
-    id?: string;
+    id: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/CommentView.vue

@@ -1,19 +1,23 @@
 <script setup>
+import { onMounted } from "vue";
 import { marked } from "marked";
 const props = defineProps({
   content: { type: String, required: true },
-  id: { type: String, required: false }
+  id: { type: String, required: true }
+});
+async function renderMarkdown(md) {
+  return marked.parse(md);
+}
+onMounted(async () => {
+  const targetEl = document.getElementById("comment-content");
+  if (!targetEl) return;
+  targetEl.innerHTML = await renderMarkdown(props.content);
 });
 </script>
 
 <template>
   <div class="mt-2 mb-2">
-    <!-- eslint-disable-next-line vue/no-v-html -->
-    <div
-      class="mb-1"
-      v-html="marked.parse(props.content)"
-    />
-    <!-- eslint-disable-next-line vue/no-v-html -->
+    <div id="comment-content" />
     <ReplyButton :content-id="props.id" />
   </div>
 </template>

package/dist/runtime/components/CommentView.vue.d.ts

@@ -1,6 +1,6 @@
 type __VLS_Props = {
     content: string;
-    id?: string;
+    id: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/ReplyView.vue

@@ -16,7 +16,9 @@ const props = defineProps({
           :profile="reply.profile"
           :created-at="reply.created_at"
         />
-        <p>{{ reply.content }}</p>
+        <p class="p-2 text-base">
+          {{ reply.content }}
+        </p>
       </div>
     </div>
   </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threenine/nuxstr-comments",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Nuxt module to enable Nostr Comments on Nuxt 4 based websites",
   "repository": "threenine/nuxstr-comments",
   "license": "MIT",
@@ -24,7 +24,6 @@
   ],
   "dependencies": {
     "@nostr-dev-kit/ndk": "^2.14.33",
-    "@nuxt/kit": "^4.0.3",
     "defu": "^6.1.4",
     "marked": "^16.2.1"
   },
@@ -32,13 +31,15 @@
     "@nuxt/devtools": "^2.6.2",
     "@nuxt/eslint": "1.9.0",
     "@nuxt/eslint-config": "^1.9.0",
+    "@nuxt/kit": "^4.1.2",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.1.1",
+    "@nuxt/schema": "^4.1.2",
     "@nuxt/scripts": "0.11.10",
     "@nuxt/test-utils": "^3.19.2",
     "@nuxt/ui": "^3.3.3",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/vue": "^8.1.0",
+    "@types/node": "latest",
     "@unhead/vue": "^2.0.14",
     "changelogen": "^0.6.2",
     "eslint": "^9.35.0",
@@ -46,8 +47,7 @@
     "nuxt": "^4.1.2",
     "typescript": "~5.9.2",
     "vitest": "^3.2.4",
-    "vue-tsc": "^3.0.6",
-    "@types/node": "latest"
+    "vue-tsc": "^3.0.6"
   },
   "scripts": {
     "dev": "pnpm run dev:prepare && nuxi dev playground",