How to create a vue typescript library?

[classicalguss]

I'm struggling to find any documentation that will help me with this. I tried many other things but nothing seems to work.
I followed the suggestion here https://vitejs.dev/guide/build#library-mode
Ended up with this package.json

{
  "name": "vue-typescript",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "files": ["dist"],
  "main": "./dist/my-lib.umd.cjs",
  "module": "./dist/my-lib.js",
  "exports": {
    ".": {
      "import": "./dist/my-lib.js",
      "require": "./dist/my-lib.umd.cjs"
    }
  },
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.3.11"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.5.2",
    "typescript": "^5.2.2",
    "vite": "^5.0.8",
    "vue-tsc": "^1.8.25"
  }
}

This vite.config.ts

import { resolve } from 'path'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  build: {
    lib: {
      // Could also be a dictionary or array of multiple entry points
      entry: resolve(__dirname, 'lib/main.js'),
      name: 'MyLib',
      // the proper extensions will be added
      fileName: 'my-lib',
    },
    rollupOptions: {
      // make sure to externalize deps that shouldn't be bundled
      // into your library
      external: ['vue'],
      output: {
        // Provide global variables to use in the UMD build
        // for externalized deps
        globals: {
          vue: 'Vue',
        },
      },
    },
  },
})

Otherwise my project is very minimal. And nothing special, just a component that prints

When I try to use this library on another project I guess this error

src/components/HelloWorld.vue:3:19 - error TS7016: Could not find a declaration file for module 'vue-typescript'. '/Users/ghassanbarghouti/Documents/vue-typescript/dist/my-lib.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/vue-typescript` if it exists or add a new declaration (.d.ts) file containing `declare module 'vue-typescript';`

3 import {Foo} from "vue-typescript";
                    ~~~~~~~~~~~~~~~~

Of course I tried many other things regarding typings. But every other thing seems to produce some other error. I can't believe there isn't a simple tutorial or way to do this.

[modelair]

u need something like this:
"core:build-ts": "vue-tsc --declaration —emitDeclarationOnly && vite build"