Attributify's attribute `align` doesn't work in SolidJS's `<div>` element

As the title says, I tried to use the align attribute on the <div> element in SolidJS, but it didn’t work.

// App.tsx
function App() {
  return (
    <div h="50px" flex="~" justify="around" align="items-center">
      <div>Box 1</div>
      <div>Box 2</div>
      <div>Box 3</div>
    </div>
  );
}

export default App;

Maybe because the align attribute is an attribute of the HTMLDivElement, I added the align attribute into the ignoreAttributes list, and used the un-align instead, but still not working.

// vite.config.ts
import { defineConfig } from 'vite';
import solidPlugin from 'vite-plugin-solid';
import unocssPlugin from 'unocss/vite';
import presetUno from '@unocss/preset-uno';
import presetAttributify from '@unocss/preset-attributify';

export default defineConfig({
  plugins: [
    solidPlugin(),
    unocssPlugin({
      presets: [
        presetUno(),
        presetAttributify({ ignoreAttributes: ['align'] }),
      ],
    }),
  ],
  server: {
    port: 3000,
  },
  build: {
    target: 'esnext',
  },
});

// App.tsx
function App() {
  return (
    <div h="50px" flex="~" justify="around" un-align="items-center">
      <div>Box 1</div>
      <div>Box 2</div>
      <div>Box 3</div>
    </div>
  );
}

export default App;

This is the reproduction link: https://stackblitz.com/edit/reproduce-uno-solid-attributify-bug?file=src%2FApp.jsx,vite.config.js

Is this an UnoCSS bug? If it is, I’m more than willing to fix it, and need some guidance.

[zyyv]

In fact, @unocss/preset-attributify only extract code to generate tokens, more parsed power depends on unocss engine and base on those rules that comes from @unocss/preset-uno .

from the user’s point of view, are there any splits?

I don’t think I’m equipped to answer this question😅

[zyyv]

I didn’t see the reply in time, one step faster than you. If I don’t solve it well, you can send a new pr