feat: Support `autoImports` options

Feature Issue

私は普段のNuxt開発においてstyled-systemをAuto-importsして利用しています。 Auto-imports設定を利用することでcss()、cva()、stack()などよく使用するメソッドをimport不要で使え開発体験が向上しています。

本モジュール側でNuxt Auto-imports機能をサポートできるとユーザー側での追加設定が不要となり、開発体験にに良い影響を与えられるのではないかと考えています。そのため、本モジュールにおけるAuto-imports optionの追加可否を検討できたらと思っています。

Context

昨今、Nuxtモジュール側でAuto-importsをサポートする例が増えています。例えば、以下のモジュールです。

@pinia/nuxt : docs
@vee-validate/nuxt : docs

また@vueuse/nuxtモジュールは設定不要でAuto-imports機能が利用できる様になっています。

以上のように、Nuxtモジュール側でAuto-importsの設定可否を選択できるモジュールは今後も増えてくることが予想されます。他モジュールと開発体験を合わせることでユーザー体験に良い影響を与えられるのではないかと考えています。

Design (my opinion)

autoImports optionを追加し、設定値によってauto-importsの設定追加可否を決定する。下記の設定方法@vee-validate/nuxtを参考にしています。

// types.ts
export interface ModuleOptions extends Config {
  configPath?: string;
  cssPath?: string;
+ /**
+  * @default 'false'
+  */
+  autoImports: boolean;
}

wattanx / nuxt-pandacss