feat(projects): add unocss

eslint.config.js

@@ -18,6 +18,7 @@ export default defineConfig(
  solid: { files: ['**/*solid.tsx'] },
  svelte: true,
  astro: true,
+ unocss: true,
  formatter: {
  html: true,
  css: true,

example/demo.vue

@@ -5,7 +5,7 @@ defineOptions({
 </script>
 
 <template>
- <div></div>
+ <div class="text-12px text-#fff font-bold"></div>
 </template>
 
 <style scoped></style>

package.json

@@ -55,6 +55,7 @@
  "update-pkg": "soy ncu"
  },
  "peerDependencies": {
+ "@unocss/eslint-config": ">=0.58.0",
  "eslint": ">=8.40.0",
  "eslint-plugin-astro": ">=0.30.0",
  "eslint-plugin-react": ">=7.0.0",
@@ -74,6 +75,9 @@
  "@toml-tools/parser": {
  "optional": true
  },
+ "@unocss/eslint-config": {
+ "optional": true
+ },
  "eslint-plugin-astro": {
  "optional": true
  },
@@ -141,6 +145,7 @@
  "@types/prompts": "2.4.9",
  "@types/react": "18.2.61",
  "@types/react-dom": "18.2.19",
+ "@unocss/eslint-config": "0.58.5",
  "astro": "4.4.9",
  "eslint": "8.57.0",
  "eslint-plugin-astro": "0.31.4",

src/configs/index.ts

@@ -8,5 +8,6 @@ export * from './react';
 export * from './solid';
 export * from './svelte';
 export * from './astro';
+export * from './unocss';
 export * from './prettier';
 export * from './formatter';

src/configs/unocss.ts

@@ -0,0 +1,12 @@
+import { ensurePackages, interopDefault } from '../shared';
+import type { FlatConfigItem } from '../types';
+
+export async function createUnocssConfig(enable?: boolean) {
+ if (!enable) return [];
+
+ await ensurePackages(['@unocss/eslint-config']);
+
+ const unocss = await interopDefault(import('@unocss/eslint-config'));
+
+ return [unocss as FlatConfigItem];
+}

src/index.ts

@@ -11,6 +11,7 @@ import {
  createSvelteConfig,
  createTsConfig,
  createUnicornConfig,
+ createUnocssConfig,
  createVueConfig
 } from './configs';
 import { createOptions } from './options';
@@ -34,6 +35,7 @@ export async function defineConfig(options: Partial<Options> = {}, ...userConfig
  const reactNative = await createReactNativeConfig(opts['react-native']);
  const svelte = await createSvelteConfig(opts.svelte, opts.prettierRules);
  const astro = await createAstroConfig(opts.astro);
+ const unocss = await createUnocssConfig(opts.unocss);
  const prettier = await createPrettierConfig(opts.prettierRules);
  const formatter = await createFormatterConfig(opts.formatter, opts.prettierRules);
 
@@ -52,6 +54,7 @@ export async function defineConfig(options: Partial<Options> = {}, ...userConfig
  ...solid,
  ...astro,
  ...svelte,
+ ...unocss,
  ...userResolved,
  ...prettier,
  ...formatter

src/types/index.ts

@@ -65,11 +65,15 @@ export interface BaseOptions {
 
 export type Options = Partial<BaseOptions> & {
  vue?: VueOptions | boolean;
-} & OnDemandRuleOptions;
+} & OnDemandRuleOptions & {
+ unocss?: boolean;
+ };
 
 export type ParsedOptions = BaseOptions & {
  vue?: RequiredVueOptions;
-} & Partial<RequiredOnDemandRuleOptions>;
+} & Partial<RequiredOnDemandRuleOptions> & {
+ unocss?: boolean;
+ };
 
 export type {
  FlatConfigItem,