Support presets

We have a config that is used in multiple projects and we want to use the presets functionality.

Here is an example of the config, I declare it in one file for testing:

const presetExample = {
  theme: {
    fontFamily: {
      sans:
        'Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif',
    },
    colors: COLORS,
    borderRadius: BORDER_RADIUS,
    boxShadow: SHADOW,
  },
  plugins: [
    plugin(function ({ addUtilities }) {
      addUtilities(TYPOGRAPHY);
      addUtilities(BACKGROUND);
    }),
  ],
};

export default defineConfig({
  presets: [presetExample]
});

Then in vscode it shows an error:

and the error log:

[alexanderniebuhr]

It seems that it get not parsed

this is the issue, have to wait for @antfu let me know how we can call defineConfig convert

[antfu]

@alexanderniebuhr looked at the stack trace, it does not seem be the reason of using defineConfig