@autoafleveren/ui 0.0.2-beta → 0.1.0

package/src/stories/components/Button/Button.stories.ts

@@ -1,69 +0,0 @@
-import { AppButton } from '../../../modules/components';
-
-import type { Meta, StoryFn } from '@storybook/vue3';
-
-const typeOptions = ['primary', 'secondary', 'error'];
-const sizeOptions = ['small', 'medium', 'large'];
-
-export default {
-  title: 'Form/Button',
-  component: AppButton,
-  argTypes: {
-    type: {
-      control: { type: 'select' },
-      options: typeOptions,
-    },
-    size: {
-      control: { type: 'select' },
-      options: sizeOptions,
-    },
-    loading: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    icon: { control: { type: 'boolean' } },
-  },
-} as Meta;
-
-const createTemplate = (
-  argumentOverrideKey: string,
-  argumentOverrideValues: unknown[],
-): StoryFn<typeof AppButton> => {
-  return bindArguments => ({
-    components: {
-      AppButton,
-    },
-
-    setup(): unknown {
-      return { bindArguments, argumentOverrideKey, argumentOverrideValues };
-    },
-
-    template: `
-      <div class="flex space-x-2">
-        <AppButton
-          v-for="argumentOverrideValue in argumentOverrideValues"
-          v-bind="{ ...bindArguments, [argumentOverrideKey]: argumentOverrideValue }"
-          class="capitalize"
-        >
-          {{ argumentOverrideValue }}
-        </AppButton>
-      </div>
-    `,
-  });
-};
-
-export const sizes = createTemplate('size', sizeOptions).bind({});
-sizes.args = {
-  type: 'primary',
-  disabled: false,
-  readonly: false,
-  loading: false,
-  icon: false,
-};
-
-export const types = createTemplate('type', typeOptions).bind({});
-types.args = {
-  type: 'primary',
-  disabled: false,
-  readonly: false,
-  loading: false,
-  icon: false,
-};

package/src/stories/layouts/Auth.stories.ts

@@ -1,26 +0,0 @@
-import { AuthLayout } from '../../modules/layouts';
-
-import type { Meta, Story } from '@storybook/vue3';
-
-export default {
-  title: 'Structure/Layout',
-  component: AuthLayout,
-} as Meta;
-
-const template: Story<typeof AuthLayout> = (args: typeof AuthLayout) => ({
-  components: {
-    AuthLayout,
-  },
-
-  setup(): unknown {
-    return { args };
-  },
-
-  template: `
-    <AuthLayout>
-      Content within the layout
-    </AuthLayout>
-  `,
-});
-
-export const auth = template.bind({});

package/src/stories/layouts/Base.stories.ts

@@ -1,26 +0,0 @@
-import { BaseLayout } from '../../modules/layouts';
-
-import type { Meta, Story } from '@storybook/vue3';
-
-export default {
-  title: 'Structure/Layout',
-  component: BaseLayout,
-} as Meta;
-
-const template: Story<typeof BaseLayout> = (args: typeof BaseLayout) => ({
-  components: {
-    BaseLayout,
-  },
-
-  setup(): unknown {
-    return { args };
-  },
-
-  template: `
-    <BaseLayout>
-      Content within the layout
-    </BaseLayout>
-  `,
-});
-
-export const base = template.bind({});

package/tailwind.config.cjs

@@ -1,13 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-const config = require('./src/config/tailwind/config.cjs');
-
-module.exports = {
-  ...config,
-
-  content: [
-    './src/modules/**/**/*.{js,vue,ts}',
-    './src/stories/**/**/*.stories.ts',
-    './src/main.ts',
-    './src/App.vue'
-  ],
-};

package/tsconfig.app.json

@@ -1,19 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.web.json",
-  "compilerOptions": {
-    "composite": true,
-    "baseUrl": ".",
-    "paths": {
-      "~": ["./src"],
-      "~/*": ["./src/*"],
-      "~components": ["./src/modules/components"],
-      "~components/*": ["./src/modules/components/*"],
-      "~composables": ["./src/modules/composables"],
-      "~composables/*": ["./src/modules/composables/*"],
-      "~layouts": ["./src/modules/layouts"],
-      "~layouts/*": ["./src/modules/layouts/*"],
-      "~icons": ["./src/modules/icons"],
-      "~icons/*": ["./src/modules/icons/*"]
-    }
-  }
-}

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
-    }
-  ]
-}

package/tsconfig.node.json

@@ -1,8 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.node.json",
-  "include": ["vite.config.*", "vitest.config.*"],
-  "compilerOptions": {
-    "composite": true,
-    "types": ["node"]
-  }
-}

package/tsconfig.vitest.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.app.json",
-  "exclude": [],
-  "compilerOptions": {
-    "composite": true,
-    "lib": [],
-    "types": ["node", "jsdom"]
-  }
-}

package/vite.config.ts

@@ -1,58 +0,0 @@
-// @ts-ignore
-import path from 'path';
-import { defineConfig } from 'vite';
-import Vue from '@vitejs/plugin-vue';
-
-export default defineConfig({
-  server: {
-    host: true,
-    strictPort: true,
-    port: 80,
-    watch: {
-      usePolling: true,
-    },
-  },
-
-  resolve: {
-    alias: {
-      '~': path.resolve(__dirname, 'src'),
-      '~components': path.resolve(__dirname, 'src/modules/components'),
-      '~layouts': path.resolve(__dirname, 'src/modules/layouts'),
-      '~composables': path.resolve(__dirname, 'src/modules/composables'),
-      '~icons': path.resolve(__dirname, 'src/modules/icons'),
-    },
-  },
-
-  build: {
-    emptyOutDir: true,
-    copyPublicDir: false,
-    outDir: './dist',
-    sourcemap: false,
-    target: 'modules',
-    lib: {
-      entry: {
-        components: path.resolve(__dirname, 'src/modules/components/index.ts'),
-        layouts: path.resolve(__dirname, 'src/modules/layouts/index.ts'),
-        composables: path.resolve(__dirname, 'src/modules/composables/index.ts'),
-        icons: path.resolve(__dirname, 'src/modules/icons/index.ts'),
-      },
-      formats: ['es'],
-    },
-    rollupOptions: {
-      external: [
-        'vue',
-        '@headlessui/vue',
-      ],
-      output: {
-        preserveModules: true,
-        globals: {
-          vue: 'Vue',
-        },
-      },
-    },
-  },
-
-  plugins: [
-    Vue(),
-  ],
-});

package/vitest.config.ts

@@ -1,16 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { defineConfig } from 'vitest/config';
-import Vue from '@vitejs/plugin-vue';
-
-export default defineConfig({
-  plugins: [
-    // @ts-expect-error vitest has wrong typing for plugins
-    Vue(),
-  ],
-
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: ['vitest.setup.ts'],
-  },
-});

package/vitest.setup.ts

@@ -1,7 +0,0 @@
-import { config, RouterLinkStub } from '@vue/test-utils';
-
-config.global.stubs = { RouterLink: RouterLinkStub };
-config.global.plugins = [];
-config.global.mocks = {
-  $t: (key: string): string => key,
-};