chore: upgrade deps

Author: farnabaz

build.config.ts

@@ -3,14 +3,14 @@ import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
   entries: [
-    'src/config.ts'
+    'src/config.ts',
   ],
   hooks: {
     'rollup:done': () => {
       fs.writeFileSync('dist/config.cjs', 'module.exports = {}; module.exports.defineConfig = configs => configs', 'utf-8')
-    }
+    },
   },
   externals: [
-    'hast'
-  ]
+    'hast',
+  ],
 })

eslint.config.js

@@ -0,0 +1,28 @@
+// @ts-check
+import { createConfigForNuxt } from '@nuxt/eslint-config/flat'
+
+// Run `npx @eslint/config-inspector` to inspect the resolved config interactively
+export default createConfigForNuxt({
+  features: {
+    // Rules for module authors
+    tooling: true,
+    // Rules for formatting
+    stylistic: true,
+  },
+  dirs: {
+    src: [
+      './playground',
+      './examples/blog',
+    ],
+  },
+})
+  .append(
+    {
+      rules: {
+        '@typescript-eslint/no-explicit-any': 'off',
+        'vue/multi-word-component-names': 'off',
+        '@typescript-eslint/no-empty-object-type': 'off',
+        '@typescript-eslint/unified-signatures': 'off',
+      },
+    },
+  )

eslint.config.mjs

@@ -99,7 +99,7 @@
     "rehype-sort-attributes": "^5.0.1",
     "remark-emoji": "^5.0.2",
     "remark-gfm": "^4.0.1",
-    "remark-mdc": "npm:remark-mdc-edge@3.6.0-29333381.8558577",
+    "remark-mdc": "^3.8.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "remark-stringify": "^11.0.0",
@@ -113,21 +113,21 @@
     "vfile": "^6.0.3"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^3.0.0",
+    "@nuxt/devtools": "^3.0.1",
     "@nuxt/eslint-config": "^1.10.0",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.2.0",
     "@nuxt/test-utils": "^3.20.1",
     "@nuxt/ui": "^4.1.0",
     "@nuxtjs/mdc": "link:.",
-    "@types/node": "^24.9.2",
-    "eslint": "^9.38.0",
+    "@types/node": "^24.10.0",
+    "eslint": "^9.39.0",
     "nuxt": "^4.2.0",
     "rehype": "^13.0.2",
     "release-it": "^19.0.5",
     "typescript": "5.9.3",
-    "vitest": "^4.0.5",
-    "vue-tsc": "^3.1.2"
+    "vitest": "^4.0.6",
+    "vue-tsc": "^3.1.3"
   },
   "resolutions": {
     "@nuxtjs/mdc": "workspace:*"

package.json

@@ -1,7 +1,10 @@
 <template>
   <UApp>
     <div class="root">
-      <NuxtLoadingIndicator color="#4ade80" :height="2" />
+      <NuxtLoadingIndicator
+        color="#4ade80"
+        :height="2"
+      />
       <NuxtPage />
     </div>
   </UApp>

playground/app/app.vue

@@ -1,5 +1,8 @@
 <template>
-  <div ref="editorContainer" class="h-full w-full" />
+  <div
+    ref="editorContainer"
+    class="h-full w-full"
+  />
 </template>
 
 <script setup>
@@ -10,20 +13,20 @@ import { language as mdc } from '@nuxtlabs/monarch-mdc'
 const props = defineProps({
   code: {
     type: String,
-    required: true
+    required: true,
   },
   language: {
     type: String,
-    default: 'mdc'
+    default: 'mdc',
   },
   readOnly: {
     type: Boolean,
-    default: false
+    default: false,
   },
   theme: {
     type: String,
-    default: 'vs-dark'
-  }
+    default: 'vs-dark',
+  },
 })
 
 const emit = defineEmits(['update:code'])
@@ -44,20 +47,20 @@ onMounted(async () => {
     automaticLayout: true,
     readOnly: props.readOnly,
     minimap: {
-      enabled: false
+      enabled: false,
     },
     fontSize: 14,
     lineNumbers: 'on',
     scrollBeyondLastLine: false,
     roundedSelection: false,
     padding: {
-      top: 8
+      top: 8,
     },
     bracketPairColorization: {
-      enabled: true
+      enabled: true,
     },
     formatOnPaste: true,
-    formatOnType: true
+    formatOnType: true,
   })
 
   editor.onDidChangeModelContent(() => {

playground/app/components/Editor.vue

@@ -2,24 +2,40 @@
   <nav class="p-1 flex gap-1 justify-between items-center border-b-2 border-b-gray-600 mb-2 px-5 py-4">
     <ul class="flex gap-1">
       <li>
-        <UButton class="block" size="xs" to="/async-components">
+        <UButton
+          class="block"
+          size="xs"
+          to="/async-components"
+        >
           Simple Async Example
         </UButton>
       </li>
       <li>
-        <UButton class="block" size="xs" to="/async-components/advanced">
+        <UButton
+          class="block"
+          size="xs"
+          to="/async-components/advanced"
+        >
           Advanced Async Example
         </UButton>
       </li>
       <li>
-        <UButton class="block" size="xs" to="/async-components/no-async">
+        <UButton
+          class="block"
+          size="xs"
+          to="/async-components/no-async"
+        >
           No Async Components
         </UButton>
       </li>
     </ul>
     <ul class="flex gap-1">
       <li>
-        <UButton class="block" size="xs" to="/">
+        <UButton
+          class="block"
+          size="xs"
+          to="/"
+        >
           Back to Playground
         </UButton>
       </li>

playground/app/components/PageNav.vue

@@ -35,8 +35,8 @@ const props = defineProps({
      * an empty `name` and avoid warnings.
      */
     required: false,
-    default: ''
-  }
+    default: '',
+  },
 })
 
 // Determine the snippet name
@@ -56,15 +56,15 @@ const fetchKey = computed((): string => `portal-snippet-${(snippetName.value ||
 const { transform, getCachedData } = serveCachedData()
 const { data: snippetData, error: snippetError } = await useFetch('/api/markdown', {
   query: {
-    name: 'snippet'
+    name: 'snippet',
   },
   // Reuse the same key to avoid re-fetching the document, e.g. `portal-page-about`
   key: fetchKey.value,
   dedupe: 'defer',
   immediate: !!snippetName.value, // Do not immediately fetch in case there's no snippet name
   retry: false, // Do not retry on 404 in case the snippet doesn't exist
   transform,
-  getCachedData
+  getCachedData,
 })
 
 const nodes = [...snippetParentNodes.value].join('|')
@@ -79,7 +79,8 @@ const removeInvalidSnippets = (obj: Record<string, any>): Record<string, any> |
     return obj
       .map(item => removeInvalidSnippets(item))
       .filter(item => item !== null)
-  } else if (typeof obj === 'object' && obj !== null) {
+  }
+  else if (typeof obj === 'object' && obj !== null) {
     // Check if the object has 'tag' property and the required 'props.name' condition
     if (
       obj.tag
@@ -124,15 +125,15 @@ const { data: ast } = await useAsyncData(`parsed-${fetchKey.value}`, async (): P
   // Return the MDCParserResult with the sanitized body
   return {
     ...parsedDoc,
-    body: processedBody as MDCRoot
+    body: processedBody as MDCRoot,
   }
 }, {
   // Only parse if there is content and no error. Must be true to allow for async rendering
   immediate: !!snippetName.value && (!!sanitizedData && !!snippetData.value?.content) && !snippetError.value, // Do not immediately process the snippet data
   dedupe: 'defer',
   deep: false,
   transform,
-  getCachedData
+  getCachedData,
 })
 
 if (snippetName.value && snippetError.value) {

playground/app/components/global/PageSnippet.vue

@@ -1,7 +1,10 @@
 <template>
   <section class="pt-4">
     <h1 class="text-4xl">
-      <MDCSlot :use="$slots.default" unwrap="p" />
+      <MDCSlot
+        :use="$slots.default"
+        unwrap="p"
+      />
     </h1>
     <MDCSlot :use="$slots.description" />
   </section>

playground/app/components/mdc/Hero.vue

@@ -1,5 +1,8 @@
 <template>
   <div>
-    <MDCSlot :use="$slots.default" unwrap="ul li" />
+    <MDCSlot
+      :use="$slots.default"
+      unwrap="ul li"
+    />
   </div>
 </template>