ci(module): init lint and typecheck

Author: larbish

.github/workflows/module.yml

@@ -0,0 +1,51 @@
+name: module
+
+on:
+  push:
+    branches:
+      - main
+      - feat/*
+      - fix/*
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        os: ${{ github.event_name == 'pull_request' && fromJSON('["ubuntu-latest"]') || fromJSON('["ubuntu-latest", "windows-latest"]') }} # macos-latest
+        node: [22]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Install node
+        uses: actions/setup-node@v5
+        with:
+          node-version: ${{ matrix.node }}
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Prepare
+        run: pnpm run dev:prepare
+
+      - name: Lint
+        run: pnpm run lint
+
+      - name: Prepack
+        run: pnpm run prepack
+
+      - name: Typecheck
+        run: pnpm run typecheck
+
+      - name: Test
+        run: pnpm run test run

package.json

@@ -26,6 +26,7 @@
     "dev:prepare": "nuxt-module-build build --stub src/module && nuxt-module-build prepare src/module && nuxi prepare playground/docus",
     "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
     "lint": "eslint .",
+    "typecheck": "nuxt typecheck",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground/docus && vue-tsc --noEmit"

playground/minimal/app/app.vue

@@ -4,6 +4,9 @@ const { data } = await useAsyncData('posts', () => queryCollection('docs').path(
 
 <template>
   <div>
-    <ContentRenderer v-if="data" :value="data" />
+    <ContentRenderer
+      v-if="data"
+      :value="data"
+    />
   </div>
-</template>
+</template>

playground/minimal/content.config.ts

@@ -11,23 +11,21 @@ const createDocsSchema = () => z.object({
   })).optional(),
 })
 
-let collections: Record<string, DefinedCollection>
-
-  collections = {
-    // landing: defineCollection({
-    //   type: 'page',
-    //   source: {
-    //     include: 'index.md',
-    //   },
-    // }),
-    docs: defineCollection({
-      type: 'page',
-      source: {
-        include: '**',
-        // exclude: ['index.md'],
-      },
-      schema: createDocsSchema(),
-    }),
-  }
+const collections: Record<string, DefinedCollection> = {
+  // landing: defineCollection({
+  //   type: 'page',
+  //   source: {
+  //     include: 'index.md',
+  //   },
+  // }),
+  docs: defineCollection({
+    type: 'page',
+    source: {
+      include: '**',
+      // exclude: ['index.md'],
+    },
+    schema: createDocsSchema(),
+  }),
+}
 
 export default defineContentConfig({ collections })

src/app/src/components/CommitPreviewModal.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<!-- <script setup lang="ts">
 import { ref, watch } from 'vue'
 import ReviewPanel from './ReviewPanel.vue'
 import { useStudio } from '../composables/useStudio'
@@ -102,4 +102,4 @@ watch(modelValue, () => {
       </div>
     </template>
   </UModal>
-</template>
+</template> -->

src/app/src/components/ContentDiffView.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <div
     ref="target"
     class="w-full h-full"
@@ -73,4 +73,4 @@ else {
     readOnly: true,
   })
 }
-</script>
+</script> -->

src/app/src/components/ContentsListModal.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<!-- <script setup lang="ts">
 import { ref, computed, watch, toRaw } from 'vue'
 import { useStudio } from '../composables/useStudio'
 // import { MDCEditorAST } from '@farnabaz/mdc-editor'
@@ -120,4 +120,4 @@ const items = computed(() => filtered.value.map(item => ({
       </div>
     </template>
   </UModal>
-</template>
+</template> -->

src/app/src/components/LogoPro.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <div class="flex">
     <UDashboardSidebar
       id="default"
@@ -79,4 +79,4 @@ const changedFileLinks = computed(() => {
     onSelect: () => selectDraft(file),
   } as NavigationMenuItem))
 })
-</script>
+</script> -->

src/app/src/components/ReviewPanel.vue

@@ -27,7 +27,8 @@ const document = computed<DatabasePageItem>({
     if (dbItem.body?.type === 'minimark') {
       result = {
         ...props.draftItem.document as DatabasePageItem,
-        body: decompressTree(dbItem.body) as unknown as MarkdownRoot,
+        // @ts-expect-error todo fix MarkdownRoot/MDCRoot conversion in MDC module
+        body: decompressTree(dbItem.body) as MarkdownRoot,
       }
     }
     else {