Unknown utility "bg-sky-800" in Twind

Hello,

I upgraded to version 1.1 and start getting this error (was not present in last version):

my twind.config.ts:

import { Options } from "$fresh/plugins/twind.ts";
import * as colors from "twind/colors";

export default {
  selfURL: import.meta.url,
  darkMode: "class",
  mode: "silent",
  theme: {
    extend: {
      colors,
    },
  },
} as Options;

deno 1.25.0 (release, x86_64-pc-windows-msvc)
v8 10.6.194.5
typescript 4.7.4

[kitsonk]

Yes, the comment here gives the workaround: https://github.com/tw-in-js/vscode-twind-intellisense/issues/18#issuecomment-1264023267 but it isn’t totally clear in the details.

On the latest version of fresh what you need to do is:

• remove selfUrl from /twind.config.ts

• remove the import of Options from $fresh/plugins/twind.ts.

• apply a type to the default export via JSDoc like this:

  /** @type {Omit<import("$fresh/plugins/twind.ts").Options, "selfURL">} */
  

• Modify the start arguments in main.ts to look like this:

  await start(manifest, {
    plugins: [twindPlugin({
      selfURL: new URL("./twind.config.ts", import.meta.url).href,
      ...twindConfig,
    })],
  });
  

Then configuration changes to the /twind.config.ts should be reflected in the intellisense in the plugin (at least they have for me).

What appears to be going on is that when the fresh twind gets pulled in, it is “overriding” the inferred types that the vscode-twind-intellisense gets from the twind config, meaning only “built in” values are checked. By excluding the hard import and using the JSDoc “type import” it seems to free up the plugin to properly infer the config.

I am not totally sure how easy it would be to make this the default @lucacasonato. I might take a look later, but it does seem to be a bit of a friction point and seems to be a common pattern to adjust your twind config.

[mooxl]

This happens to all custom theme values.

It seems that the default theme is always used for linting and intellisense, even though it has been overwritten.

deno 1.25.4 (release, aarch64-apple-darwin)
v8 10.7.193.3
typescript 4.7.4