fix: try fix errors

Author: modbender

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "semi": false
+}

src/custom-extensions/extension-image-upload/ImagePlaceholder.vue

@@ -18,6 +18,7 @@
 </template>
 
 <script setup>
+import { computed, onMounted, ref } from 'vue'
 import { NodeViewWrapper } from '@tiptap/vue-3'
 
 const props = defineProps({
@@ -57,33 +58,33 @@ function onLoad(e) {
 
 <style lang="scss" scoped>
 .image-placeholder {
-    max-width: 100%;
-    position: relative;
-    width: fit-content;
+  max-width: 100%;
+  position: relative;
+  width: fit-content;
 
-    &.inline {
-        display: inline-block;
-    }
+  &.inline {
+    display: inline-block;
+  }
 
-    &.uploading::before {
-        content: 'Uploading...';
-        position: sticky;
-        width: 100%;
-        top: 20%;
-        left: 0;
-        text-align: center;
-        font-size: 16px;
-        font-weight: bold;
-        text-shadow: 2px 2px 14px #000;
-        white-space: pre;
-        display: block;
-        line-height: 44px;
-    }
+  &.uploading::before {
+    content: 'Uploading...';
+    position: sticky;
+    width: 100%;
+    top: 20%;
+    left: 0;
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold;
+    text-shadow: 2px 2px 14px #000;
+    white-space: pre;
+    display: block;
+    line-height: 44px;
+  }
 
-    img {
-        margin-top: -44px;
-        max-width: 100%;
-        opacity: 0.2;
-    }
+  img {
+    margin-top: -44px;
+    max-width: 100%;
+    opacity: 0.2;
+  }
 }
 </style>

src/custom-extensions/extension-image-upload/imagePlaceholder.ts

@@ -7,8 +7,7 @@ export interface ImagePlaceholderOptions {
   HTMLAttributes: Record<string, unknown>
 }
 
-export const inputRegex
-    = /(?:^|\s)(!\[(.+|:?)\]\((\S+)(?:\s+["'](\S+)["'])?\))$/
+export const inputRegex = /(?:^|\s)(!\[(.+|:?)\]\((\S+)(?:\s+["'](\S+)["'])?\))$/
 
 export const ImagePlaceholder = Node.create<ImagePlaceholderOptions>({
   name: 'imagePlaceholder',
@@ -49,7 +48,8 @@ export const ImagePlaceholder = Node.create<ImagePlaceholderOptions>({
   },
 
   addNodeView() {
-    return VueNodeViewRenderer(ImagePlaceholderComponent)
+    const imagePlaceholderComponent = new ImagePlaceholderComponent()
+    return VueNodeViewRenderer(imagePlaceholderComponent)
   },
 
   addInputRules() {

src/module.ts

@@ -47,7 +47,6 @@ export default defineNuxtModule<ModuleOptions>({
         as: obj.as || obj.name,
         name: obj.name,
         from: obj.path,
-        // _internal_install: obj.path,
       })
       transpileModules.add(obj.path)
     }
@@ -57,7 +56,6 @@ export default defineNuxtModule<ModuleOptions>({
         as: `${options.prefix}${obj.name}`,
         name: obj.name,
         from: obj.path,
-        // _internal_install: obj.path,
       })
       transpileModules.add(obj.path)
     }
@@ -67,7 +65,6 @@ export default defineNuxtModule<ModuleOptions>({
         name: `${options.prefix}${obj.name}`,
         export: obj.name,
         filePath: obj.path,
-        // _internal_install: obj.path,
       })
       transpileModules.add(obj.path)
     }
@@ -93,7 +90,6 @@ export default defineNuxtModule<ModuleOptions>({
         as: `${options.prefix}${obj.name}`,
         name: obj.name,
         from: obj.path,
-        // _internal_install: obj.path,
       })
       transpileModules.add(obj.path)
     }
@@ -103,7 +99,6 @@ export default defineNuxtModule<ModuleOptions>({
         as: obj.as || obj.name,
         name: obj.name,
         from: obj.path,
-        // _internal_install: obj.path,
       })
       transpileModules.add(obj.path)
     }
@@ -113,11 +108,14 @@ export default defineNuxtModule<ModuleOptions>({
         name: `${options.prefix}${obj.name}`,
         export: obj.name,
         filePath: obj.path,
-        // _internal_install: obj.path,
       })
       transpileModules.add(obj.path)
     }
 
+    transpileModules.add(
+      './custom-extensions',
+    )
+
     nuxt.options.build.transpile = [
       ...nuxt.options.build.transpile,
       ...Array.from(transpileModules),