refactor: Convert composables to txpescript

Author: luksak

composables/useCamelize.js

@@ -0,0 +1,50 @@
+export default function useCamelize() {
+  /**
+   * Converts a dash-separated string to PascalCase
+   * @param input - The dash-separated string to convert (e.g., "hello-world")
+   * @returns The PascalCase string (e.g., "HelloWorld")
+   * @example
+   * toPascalCase("hello-world") // returns "HelloWorld"
+   * toPascalCase("my-component-name") // returns "MyComponentName"
+   */
+  function toPascalCase(input: string): string {
+    // Handle edge cases
+    if (!input || typeof input !== 'string') {
+      return ''
+    }
+
+    // Split the string at dash characters and filter out empty parts
+    const wordParts = input.split('-').filter(part => part.length > 0)
+
+    // Convert each word: first character to uppercase, rest to lowercase
+    const pascalCaseWords = wordParts.map(capitalizeFirstLetter)
+
+    // Join all words together
+    return pascalCaseWords.join('')
+  }
+
+  /**
+   * Capitalizes the first letter of a word and keeps the rest as-is
+   * @param word - The word to capitalize
+   * @returns The word with first letter capitalized
+   */
+  function capitalizeFirstLetter(word: string): string {
+    if (word.length === 0) {
+      return ''
+    }
+
+    const firstCharacter = word[0]?.toUpperCase() ?? ''
+    const remainingCharacters = word.substring(1)
+
+    return firstCharacter + remainingCharacters
+  }
+
+  // Keep the original name for backward compatibility
+  const camelize = toPascalCase
+
+  return {
+    camelize,
+    toPascalCase,
+    capitalizeFirstLetter,
+  }
+}

composables/useCamelize.ts

@@ -0,0 +1,41 @@
+import { useNuxtApp } from '#app'
+
+interface MarkdownRenderer {
+  render(text: string): string
+}
+
+export default function useRenderedMarkdown() {
+  /**
+   * Renders markdown text to HTML using the Nuxt Content markdown-it instance
+   * @param text - The markdown text to render
+   * @returns The rendered HTML string
+   * @example
+   * renderMarkdown("# Hello\nWorld") // returns "<h1>Hello</h1><p>World</p>"
+   */
+  function renderMarkdown(text: string): string {
+    // Handle edge cases
+    if (!text || typeof text !== 'string') {
+      return ''
+    }
+
+    // Clean up escaped newlines
+    // @TODO This hack can be removed once this has been merged:
+    // https://github.com/nuxt/content/pull/3320
+    const cleanedText = text.replaceAll('\\n', '\n')
+
+    // Get the Nuxt app instance and access the markdown-it renderer
+    const nuxtApp = useNuxtApp()
+    const markdownRenderer = nuxtApp.$mdit as MarkdownRenderer
+
+    // Render the markdown to HTML
+    return markdownRenderer.render(cleanedText)
+  }
+
+  // Keep the original name for backward compatibility
+  const renderedMarkdown = renderMarkdown
+
+  return {
+    renderMarkdown,
+    renderedMarkdown,
+  }
+}