Describe the bug

Hi, I can't seem to get complex-types working for my Vue/Vite/Typescript project build, am currently still noticing the error mentioned in the vue core #8286 issue during the vite build step. Wondering if it could be an issue with my vite configuration which you can see below.

One thing I'm a little confused about is which version of complex-types I should be using in my Vite config, since I'm expecting complex-types to be applied during the build step, and Vite uses rollup for the build step. I'm currently including complex-types as a rollup plugin in my vite.config.ts

Output

error during build:
Error: [vite:vue] [@vue/compiler-sfc] Failed to resolve extends base type.
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:

interface Props extends /* @vue-ignore */ Base {}

Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.

/workspace/src/Button/MyButton.vue
6  |  import { ButtonHTMLAttributes } from "vue";
7  |  
8  |  interface MyButtonProps extends ButtonHTMLAttributes {
   |                                  ^^^^^^^^^^^^^^^^^^^^
9  |    label: string;
10 |  }
file: /workspace/src/Button/MyButton.vue
    at ScriptCompileContext.error (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:15575:11)
    at resolveInterfaceMembers (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18036:13)
    at innerResolveTypeElements (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17813:14)
    at resolveTypeElements (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17799:20)
    at innerResolveTypeElements (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17866:16)
    at resolveTypeElements (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17799:20)
    at resolveRuntimePropsFromType (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19324:20)
    at extractRuntimeProps (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19300:17)
    at genRuntimeProps (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19288:18)
    at Object.compileScript (/workspace/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:20384:21)

package.json

{
  "name": "vue-vite-component-library",
  "version": "1.0.0",
  "description": "JavaScript and TypeScript example starter project",
  "type": "module",
  "scripts": {
    "build": "vue-tsc --p ./tsconfig.build.json && vite build"
  },
  "dependencies": {
    "vue": "^3.4.21"
  },
  "devDependencies": {
    "@types/node": "^20.11.30",
    "@vitejs/plugin-vue": "^5.0.4",
    "@vue.ts/complex-types": "^0.5.0",
    "sass": "^1.72.0",
    "sass-loader": "^14.1.1",
    "typescript": "^5.2.2",
    "vite": "^5.2.0",
    "vite-plugin-dts": "^3.7.3",
    "vue-tsc": "^2.0.6"
  }
}

vite.config.ts

import { defineConfig } from "vite";
import { resolve } from "path";
import complexTypesRollup from "@vue.ts/complex-types/rollup";
import vue from "@vitejs/plugin-vue";
import dts from "vite-plugin-dts";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), dts({ tsconfigPath: "tsconfig.build.json" })],
  build: {
    lib: {
      entry: resolve(__dirname, "src/index.ts"),
      formats: ["es"],
    },
    rollupOptions: {
      external: ["vue"],
      plugins: [
        complexTypesRollup({
          tsconfigPath: resolve(__dirname, "tsconfig.build.json"),
        }),
      ],
    },
  },
});

Reproduction

https://codesandbox.io/p/devbox/rrzs2y

System Info

N/A

Used Package Manager

[email protected]

Describe the bug

13:36:08 [vite] Internal server error: ts.isIntersectionTypeNode is not a function
Plugin: unplugin-vue-complex-types
File: E:/git/vue3-modal-demo/src/components/CommandDialog.vue
at Printer.print (file:///E:/git/vue3-modal-demo/node_modules/unplugin-vue-complex-types/dist/index.mjs:224:12)
at transform (file:///E:/git/vue3-modal-demo/node_modules/unplugin-vue-complex-types/dist/index.mjs:254:31)
at TransformContext.transform (file:///E:/git/vue3-modal-demo/node_modules/unplugin-vue-complex-types/dist/index.mjs:272:12)
at Object.transform (file:///E:/git/vue3-modal-demo/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:44352:62)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async loadAndTransform (file:///E:/git/vue3-modal-demo/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:55026:29)
at async viteTransformMiddleware (file:///E:/git/vue3-modal-demo/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:64430:32)

Reproduction

only import

System Info

System:
    OS: Windows 10 10.0.19042
    CPU: (6) x64 Intel(R) Core(TM) i5-8400 CPU @ 2.80GHz
    Memory: 5.49 GB / 15.85 GB
  Binaries:
    Node: 16.14.0 
    Yarn: 1.22.19 
    npm: 9.7.1 
    pnpm: 8.6.1
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (114.0.1823.43)
    Internet Explorer: 11.0.19041.1202

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

I have a union with about 120 strings in it. Setting aside whether a 120 string union is a good idea or not. When it gets expanded by complex types it prints out truncated with ... 95 more ... inserted into the code handed to vue causing a syntax error.

 [vite] Internal server error: [vue/compiler-sfc] Unexpected token (8:200)
 
 D:/programming/streamstuff/castmate2/plugins/input/renderer/src/components/KeyboardKeyView.vue
13 |  const props = defineProps<
14 |    {
15 |  modelValue: "Space" | "Escape" | "Tab" | "F1" | "F2" | "F3" | "F4" | "F5" | "F6" | "F7" | "F8" | "F9" | "F10" | "F11" | "F12" | "F13" | "F14" | "F15" | "F16" | "F17" | "F18" | "F19" | "F20" | "F21" | ... 95 more ... | undefined    
   |                                                                                                                                                                                                          ^
16 |  schema: SchemaKeyboardKey
17 |  } & {

Poking through the typescript compiler I think NodeBuilderFlags.NoTruncation is the flag that stops this from happening. But I could be wrong.

Clear and concise description of the problem

Suggested solution

Alternative

No response

Additional context

vuejs/core#9541

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

https://github.com/unplugin/unplugin-vue-complex-types/blob/main/test/__snapshots__/fixtures.test.ts.snap#L41

Reproduction

https://github.com/unplugin/unplugin-vue-complex-types/blob/main/test/__snapshots__/fixtures.test.ts.snap#L41

System Info

N/A

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Describe the bug

Reproduction

unnecessary

System Info

N/A

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Repository problems

These problems occurred while renovating this repository. View logs.

• WARN: File contents are invalid JSON but parse using JSON5. Support for this will be removed in a future release so please change to a support .json5 file name or ensure correct JSON syntax.

Pending Approval

These branches will be created by Renovate only once you click their checkbox below.

• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency vitest to v1
• chore(deps): update dessant/lock-threads action to v5
• chore(deps): update pnpm to v9
• 🔐 Create all pending approval PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update all non-major dependencies (@types/node, @volar/typescript, @vue-macros/better-define, @vue/language-core, bumpp, pnpm, rollup, typescript, vite, vue)
• fix(deps): update dependency magic-string to v0.30.10
• chore(deps): lock file maintenance
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository