Knuckles

Appearance

Configuration ​

The toolkit shares the same configuration file. The tools will automatically detect and import the knuckles.config.js module if it exists. You can also pass the --config flag to use a custom path or enforce loading the module.

Installation ​

If you want to check types or get smarter suggestions while coding, you need to add the @knuckles/config package.

sh
$ npm add -D @knuckles/config
sh
$ pnpm add -D @knuckles/config
sh
$ yarn add -D @knuckles/config
sh
$ bun add -D @knuckles/config

Usage ​

WARNING

You need to use module syntax according to the detected module system. If you want to use ESM syntax, you may need to use the .mjs extension.

Create the file knuckles.config.js and copy the below contents as a placeholder. The file will be automatically detected.

js
/**
 * @type {import('@knuckles/config').Config}
 */
export default {
  ...
};

Common ​

Binding Attributes ​

The setting configures what attributes to interpret as Knockout bindings. If the option is defined, "data-bind" needs to be explicitly added.

js
export default {
  attributes: [
    "data-bind",
    "data-i18n", 
  ],
};