arielff3

{
  "name": "design-system-vite",
  "private": false,
  "version": "0.0.0",
  "type": "module",
  "license": "MIT",
  "main": "./dist/design-system-article.umd.js",
  "module": "./dist/design-system-article.es.js",
  "types": "./dist/index.d.ts",
  "files": ["dist"],

arielff3

{
  "compilerOptions": {
    "composite": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "allowSyntheticDefaultImports": true,
    "resolveJsonModule": true
  },
  "include": ["vite.config.ts", "package.json"]
}

arielff3

{
  "compilerOptions": {
    "target": "ESNext",
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": false,
    "skipLibCheck": true,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,

arielff3

import { resolve } from 'node:path'
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tsConfigPaths from 'vite-tsconfig-paths'
import EsLint from 'vite-plugin-linter'
const { EsLinter, linterPlugin } = EsLint
import dts from 'vite-plugin-dts'
import * as packageJson from './package.json'

// https://vitejs.dev/config/

arielff3

export type { HelloTextProps } from './HelloText'
export { HelloText } from './HelloText'
import './style.css'

arielff3

.color-blue {
  color: rgb(54, 0, 201);
}

arielff3

import './style.css'

export type HelloTextProps = {
  text: string,
}

export const HelloText = ({ text }: HelloTextProps) => {
  return <h1 className="color-blue">Hello {text}</h1>
}