chore: cleanup

.storybook/preview.ts

@@ -1,7 +1,6 @@
 import { setup } from "@storybook/vue3";
 import PrimeVue from "primevue/config";
-import preset from "../src/components/preset";
-import "../src/global.css";
+import preset from "../src/preset";
 
 setup((app) => {
   app.use(PrimeVue, {

package.json

@@ -4,10 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
+    "build": "vue-tsc -b && vite build",
     "build:storybook": "storybook build",
     "prettier:check": "prettier --check .",
     "prettier:fix": "prettier --write --ignore-unknown ."

src/components/button/button.stories.ts → src/preset/button/button.stories.ts

@@ -3,7 +3,6 @@ import Button from "primevue/button";
 import IconCheck from "~icons/ic/baseline-check";
 
 const meta: Meta<typeof Button> = {
-  title: "Buttons",
   component: Button,
   tags: ["autodocs"],
   argTypes: {

src/components/button/button.ts → src/preset/button/button.ts

@@ -1,33 +1,7 @@
-interface ButtonProps {
-  label?: string;
-  size?: "small" | "large";
-  severity?: "primary" | "secondary" | "ghost";
-  iconPos?: "left" | "right";
-  disabled?: boolean;
-  iconSize?: number;
-}
+import { ButtonPassThroughOptions } from "primevue/button";
 
-interface ButtonContext {
-  slots: {
-    icon?: boolean;
-  };
-  disabled: boolean;
-}
-
-interface ButtonInstance {
-  hasIcon: boolean;
-}
-
-export default {
-  root: ({
-    props,
-    context,
-    instance,
-  }: {
-    props: ButtonProps;
-    context: ButtonContext;
-    instance: ButtonInstance;
-  }) => {
+const button: ButtonPassThroughOptions = {
+  root: ({ props, context, instance }) => {
     // Define variables for different parts of the styling logic
     let iconStyling;
     let sizeStyling;
@@ -139,10 +113,12 @@ export default {
       ],
     };
   },
-  label: ({ props }: { props: ButtonProps }) => ({
+  label: ({ props }) => ({
     class: [
       { underline: props.severity === "ghost" },
       { "sr-only": !props.label },
     ],
   }),
 };
+
+export default button;

src/preset/global.css

@@ -0,0 +1,15 @@
+@import "@digitalservice4germany/angie/fonts.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  body {
+    @apply font-font-family-sans font-normal;
+  }
+}
+
+::placeholder {
+  @apply font-font-family-sans not-italic;
+}

src/preset/index.ts

@@ -0,0 +1,15 @@
+import "./global.css";
+
+import button from "@/preset/button/button";
+import inputGroup from "@/preset/inputGroup/inputGroup";
+import inputGroupAddon from "@/preset/inputGroup/inputGroupAddon";
+import inputText from "@/preset/inputText/inputText";
+import password from "@/preset/password/password";
+
+export default {
+  button,
+  inputText,
+  inputGroup,
+  inputGroupAddon,
+  password,
+};

src/vite-env.d.ts

@@ -1 +1,2 @@
 /// <reference types="vite/client" />
+/// <reference types="unplugin-icons/types/vue3" />

tsconfig.json

@@ -1,11 +1,34 @@
 {
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
+  "compilerOptions": {
+    "composite": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "target": "ES2020",
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "useDefineForClassFields": true,
+
+    /* Bundler mode */
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "moduleDetection": "force",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "resolveJsonModule": true,
+
+    /* Linting */
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true,
+
+    /* Aliases */
+    "baseUrl": ".",
+    "paths": { "@/*": ["src/*"] }
+  },
+
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.node.json

@@ -1,13 +1,13 @@
 {
   "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
     "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "skipLibCheck": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true,
+    "moduleResolution": "bundler",
+    "skipLibCheck": true,
     "strict": true,
-    "noEmit": true
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
   },
-  "include": ["vite.config.ts"]
+
+  "include": ["**/*.config.ts", "./storybook/*.ts"]
 }

vite.config.ts

@@ -1,6 +1,7 @@
-import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import { fileURLToPath, URL } from "node:url";
 import icons from "unplugin-icons/vite";
+import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -12,21 +13,21 @@ export default defineConfig({
       compiler: "vue3",
     }),
   ],
+
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+
   build: {
-    outDir: "dist",
     lib: {
-      entry: "src/index.ts",
+      entry: "src/preset/index.ts",
       name: "ris-ui",
-      fileName: (format) => `ris-ui.${format}.js`,
+      formats: ["es"],
     },
     rollupOptions: {
       external: ["vue", "primevue"],
-      output: {
-        globals: {
-          vue: "Vue",
-          primevue: "PrimeVue",
-        },
-      },
     },
   },
 });