cloudcommerce 0.0.128 → 0.0.129

package/packages/storefront/.eslintrc.cjs

@@ -7,4 +7,15 @@ module.exports = {
     'global-require': 'off',
     'import/no-dynamic-require': 'off',
   },
+  ignorePatterns: [
+    'auto-imports.d.ts',
+    'components.d.ts',
+  ],
+  overrides: [{
+    files: [
+      'src/**/*.vue',
+      'src/**/*.astro',
+    ],
+    extends: './.eslintrc-auto-import.json',
+  }],
 };

package/packages/storefront/astro.config.mjs

@@ -1,4 +1,4 @@
-import { existsSync, lstatSync } from 'fs';
+import { existsSync, lstatSync, readdirSync } from 'fs';
 import { join as joinPath } from 'path';
 import * as dotenv from 'dotenv';
 // https://github.com/import-js/eslint-plugin-import/issues/1810
@@ -9,7 +9,15 @@ import image from '@astrojs/image';
 import partytown from '@astrojs/partytown';
 import prefetch from '@astrojs/prefetch';
 import UnoCSS from 'unocss/astro';
+import AutoImport from 'unplugin-auto-import/astro';
 import { VitePWA } from 'vite-plugin-pwa';
+import Components from 'unplugin-vue-components/vite';
+import {
+  HeadlessUiResolver,
+  VueUseComponentsResolver,
+  VueUseDirectiveResolver,
+} from 'unplugin-vue-components/resolvers';
+import { ptBr } from '@cloudcommerce/i18n';
 import getConfig from './storefront.config.mjs';
 
 const __dirname = new URL('.', import.meta.url).pathname;
@@ -158,11 +166,46 @@ const genAstroConfig = ({
       injectReset: false,
       injectEntry: false,
     }),
+    AutoImport({
+      include: [
+        /\.vue$/, /\.vue\?vue/,
+        /\.mdx?$/,
+        /\.astro$/,
+      ],
+      imports: [
+        'vue',
+        '@vueuse/core',
+        { '@@i18n': Object.keys(ptBr) },
+      ],
+      dts: true,
+      eslintrc: {
+        enabled: true,
+      },
+    }),
   ],
   site,
   vite: {
     plugins: [
       VitePWA(vitePWAOptions),
+      Components({
+        dirs: [localComponentsDir, libComponentsDir].reduce((dirs, dir) => {
+          readdirSync(dir).forEach((filename) => {
+            if (!filename.startsWith('.')) {
+              const filepath = joinPath(dir, filename);
+              if (lstatSync(filepath).isDirectory()) {
+                dirs.push(filepath);
+              }
+            }
+          });
+          dirs.push(dir);
+          return dirs;
+        }, []),
+        resolvers: [
+          HeadlessUiResolver(),
+          VueUseComponentsResolver(),
+          VueUseDirectiveResolver(),
+        ],
+      }),
     ],
     resolve: {
       preserveSymlinks: lstatSync(localComponentsDir).isSymbolicLink(),