@autoafleveren/ui 0.0.2-beta → 0.0.3

package/.eslintrc.cjs

@@ -1,3 +1,6 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution');
+
 /** @type {import('eslint').Config} */
 const config = require('./src/config/eslint.cjs');
 

package/.gitignore

@@ -30,3 +30,5 @@ TEST*.xml
 
 # Generated by Windows
 Thumbs.db
+
+.env

package/.yarnrc.yml

@@ -1,8 +1,3 @@
-nmHoistingLimits: workspaces
-nmSelfReferences: false
-
-#nodeLinker: pnp
-#nodeLinker: pnpm
 nodeLinker: node-modules
 
 supportedArchitectures:

package/dist/components.js

@@ -0,0 +1,8 @@
+import { default as t } from "./src/modules/components/AppButton/AppButton.vue.js";
+import { default as e } from "./src/modules/components/AppIcon/AppIcon.vue.js";
+import { default as r } from "./src/modules/components/AppNavigationMenu/AppNavigationMenu.vue.js";
+export {
+  t as AppButton,
+  e as AppIcon,
+  r as AppNavigationMenu
+};

package/dist/composables.js

@@ -0,0 +1,4 @@
+import { default as o } from "./src/modules/composables/useNavigation.js";
+export {
+  o as useNavigation
+};

package/dist/config/eslint.cjs

@@ -0,0 +1,120 @@
+const typescriptOverride = require('@programic/eslint-plugin/lib/configs/typescript-override');
+
+const tsConfigPath = 'tsconfig.vitest.json';
+
+const defaultTypescriptOverride = {
+  parser: '@typescript-eslint/parser',
+  plugins: [
+    '@typescript-eslint',
+    'vitest',
+  ],
+  extends: [
+    'plugin:@programic/base',
+    'plugin:import/typescript',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'plugin:vitest/recommended',
+  ],
+};
+
+const namingConventionsTestFileRule = [
+  ...typescriptOverride.rules['@typescript-eslint/naming-convention'],
+];
+
+const variableIndex = namingConventionsTestFileRule.findIndex(selector => {
+  return typeof selector === 'object' && selector.selector === 'variable';
+});
+
+if (variableIndex > -1) {
+  namingConventionsTestFileRule.splice(variableIndex, 1, {
+    selector: 'variable',
+    format: ['strictCamelCase', 'StrictPascalCase', 'UPPER_CASE'],
+  });
+}
+
+/** @type {import('eslint').Config} */
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  plugins: [
+    '@programic',
+    'vitest',
+  ],
+  extends: [
+    'plugin:@programic/vue-typescript',
+  ],
+  settings: {
+    'import/resolver': {
+      typescript: {
+        project: tsConfigPath,
+      },
+    },
+  },
+  parserOptions: {
+    ecmaVersion: 2020,
+    parser: '@typescript-eslint/parser',
+    extraFileExtensions: ['.vue'],
+    project: tsConfigPath,
+  },
+  overrides: [
+    {
+      ...defaultTypescriptOverride,
+      files: ['**/*.spec.ts'],
+      rules: {
+        ...typescriptOverride.rules,
+        'no-promise-executor-return': 'off',
+        '@typescript-eslint/naming-convention': namingConventionsTestFileRule,
+        'unicorn/prevent-abbreviations': ['error', {
+          checkShorthandProperties: true,
+          checkProperties: true,
+          ignore: [
+            /^src$/i,
+            // Vue specific ignores
+            /attrs|params|prop|props|ref|refs/i,
+          ],
+        }],
+        'vue/one-component-per-file': 'off',
+        'vitest/consistent-test-it': 'error',
+        'vitest/no-alias-methods': 'error',
+        'vitest/no-conditional-expect': 'error',
+        'vitest/no-conditional-in-test': 'error',
+        'vitest/no-conditional-tests': 'error',
+        'vitest/no-disabled-tests': 'error',
+        'vitest/no-done-callback': 'error',
+        'vitest/no-duplicate-hooks': 'error',
+        'vitest/no-focused-tests': 'error',
+        'vitest/no-standalone-expect': 'error',
+        'vitest/no-test-return-statement': 'error',
+        'vitest/prefer-called-with': 'error',
+        'vitest/prefer-lowercase-title': 'error',
+        'vitest/prefer-strict-equal': 'error',
+        'vitest/prefer-to-be-object': 'error',
+        'vitest/prefer-to-have-length': 'error',
+      },
+    },
+    {
+      ...defaultTypescriptOverride,
+      files: ['**/*.stories.ts'],
+      rules: {
+        ...typescriptOverride.rules,
+        'unicorn/prevent-abbreviations': ['error', {
+          checkShorthandProperties: true,
+          checkProperties: true,
+          ignore: [
+            /^src$/i,
+            // Vue specific ignores
+            /arg/i,
+          ],
+        }],
+      },
+    },
+  ],
+  rules: {
+    'vitest/consistent-test-filename': ['error', {
+      pattern: '.*\\.spec\\.[tj]sx?$',
+      allTestPattern: '.*\\.(test|spec)\\.[tj]sx?$',
+    }],
+  },
+};

package/dist/config/nuxt.cjs

@@ -0,0 +1,20 @@
+module.exports = {
+  typescript: {
+    strict: true,
+  },
+
+  ignore: [
+    '__tests__',
+  ],
+
+  css: [
+    '~/assets/css/main.css',
+  ],
+
+  postcss: {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+};

package/dist/config/tailwind/config.cjs

@@ -0,0 +1,42 @@
+const screens = require('./screens.json');
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        './components/**/*.{js,vue,ts}',
+        './main.ts',
+        './App.vue'
+    ],
+    theme: {
+        fontFamily: {
+            sans: 'Inter',
+            serif: 'Inter',
+            mono: 'Inter',
+        },
+        colors: {
+            transparent: 'transparent',
+            current: 'currentColor',
+            primary: 'var(--color-primary)',
+            'primary-active': 'var(--color-primary-active)',
+            secondary: 'var(--color-secondary)',
+            'secondary-active': 'var(--color-secondary-active)',
+            black: {
+                black: '#000000',
+                DEFAULT: '#1E1E1E',
+                50: '#FCFCFD',
+            },
+            white: '#FFFFFF',
+            gray: {
+                100: '#F8F9FA',
+                200: '#F3F3F3',
+                300: '#E5E5E5',
+                400: '#D1D4D7',
+                500: '#A3A8AF',
+                700: '#666E79',
+                900: '#343434',
+            },
+        },
+        screens,
+    },
+    plugins: [],
+}

package/dist/config/tailwind/screens.json

@@ -0,0 +1,9 @@
+{
+  "xxs": "480px",
+  "xs": "600px",
+  "sm": "768px",
+  "md": "992px",
+  "lg": "1200px",
+  "xl": "1440px",
+  "2xl": "1800px"
+}