12 files changed, 128 insertions, 0 deletions

diff --git a/examples/with-vite/packages/eslint-config-custom/index.js b/examples/with-vite/packages/eslint-config-custom/index.js
new file mode 100644
index 0000000..9417d1c
--- /dev/null
+++ b/examples/with-vite/packages/eslint-config-custom/index.js
@@ -0,0 +1,19 @@
+module.exports = {
+  env: {
+    node: true,
+  },
+  parser: "@typescript-eslint/parser",
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+  ],
+  plugins: ["@typescript-eslint"],
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2020,
+  },
+  rules: {
+    "@typescript-eslint/no-non-null-assertion": "off",
+  },
+};
diff --git a/examples/with-vite/packages/eslint-config-custom/package.json b/examples/with-vite/packages/eslint-config-custom/package.json
new file mode 100644
index 0000000..39c63dd
--- /dev/null
+++ b/examples/with-vite/packages/eslint-config-custom/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "eslint-config-custom",
+  "version": "0.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
+    "eslint-config-prettier": "^8.5.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-vite/packages/tsconfig/base.json b/examples/with-vite/packages/tsconfig/base.json
new file mode 100644
index 0000000..d72a9f3
--- /dev/null
+++ b/examples/with-vite/packages/tsconfig/base.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-vite/packages/tsconfig/package.json b/examples/with-vite/packages/tsconfig/package.json
new file mode 100644
index 0000000..6efb83e
--- /dev/null
+++ b/examples/with-vite/packages/tsconfig/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "tsconfig",
+  "version": "0.0.0",
+  "private": true,
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-vite/packages/tsconfig/vite.json b/examples/with-vite/packages/tsconfig/vite.json
new file mode 100644
index 0000000..3c507ed
--- /dev/null
+++ b/examples/with-vite/packages/tsconfig/vite.json
@@ -0,0 +1,16 @@
+{
+  "extends": "./base.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true
+  },
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-vite/packages/ui/.eslintrc.cjs b/examples/with-vite/packages/ui/.eslintrc.cjs
new file mode 100644
index 0000000..c8df607
--- /dev/null
+++ b/examples/with-vite/packages/ui/.eslintrc.cjs
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ["custom"],
+};
diff --git a/examples/with-vite/packages/ui/components/counter.ts b/examples/with-vite/packages/ui/components/counter.ts
new file mode 100644
index 0000000..d58f883
--- /dev/null
+++ b/examples/with-vite/packages/ui/components/counter.ts
@@ -0,0 +1,3 @@
+export function Counter() {
+  return `<button id="counter" type="button"></button>`;
+}
diff --git a/examples/with-vite/packages/ui/components/header.ts b/examples/with-vite/packages/ui/components/header.ts
new file mode 100644
index 0000000..14e0ab9
--- /dev/null
+++ b/examples/with-vite/packages/ui/components/header.ts
@@ -0,0 +1,7 @@
+export function Header({ title }: { title: string }) {
+  return `
+    <header id="header">
+      <h1>${title}</h1>
+    </header>
+    `;
+}
diff --git a/examples/with-vite/packages/ui/index.ts b/examples/with-vite/packages/ui/index.ts
new file mode 100644
index 0000000..438ff06
--- /dev/null
+++ b/examples/with-vite/packages/ui/index.ts
@@ -0,0 +1,6 @@
+// utils
+export { setupCounter } from "./utils/counter";
+
+// components
+export { Header } from "./components/header";
+export { Counter } from "./components/counter";
diff --git a/examples/with-vite/packages/ui/package.json b/examples/with-vite/packages/ui/package.json
new file mode 100644
index 0000000..3db9e0d
--- /dev/null
+++ b/examples/with-vite/packages/ui/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "ui",
+  "version": "0.0.0",
+  "main": "./index.ts",
+  "types": "./index.ts",
+  "license": "MIT",
+  "scripts": {
+    "lint": "eslint \"**/*.ts\""
+  },
+  "devDependencies": {
+    "eslint": "^7.32.0",
+    "eslint-config-custom": "workspace:*",
+    "tsconfig": "workspace:*",
+    "typescript": "^4.9.4"
+  }
+}
diff --git a/examples/with-vite/packages/ui/tsconfig.json b/examples/with-vite/packages/ui/tsconfig.json
new file mode 100644
index 0000000..61a00fa
--- /dev/null
+++ b/examples/with-vite/packages/ui/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "tsconfig/base.json",
+  "include": ["."],
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-vite/packages/ui/utils/counter.ts b/examples/with-vite/packages/ui/utils/counter.ts
new file mode 100644
index 0000000..0de7dcf
--- /dev/null
+++ b/examples/with-vite/packages/ui/utils/counter.ts
@@ -0,0 +1,9 @@
+export function setupCounter(element: HTMLButtonElement) {
+  let counter = 0;
+  const setCounter = (count: number) => {
+    counter = count;
+    element.innerText = `count is ${counter}`;
+  };
+  element.addEventListener("click", () => setCounter(++counter));
+  setCounter(0);
+}