Can support Type for this library ?

There are currently two problems: Eslint complains that requir

Type types have just been added with 5.1.0 vers

Thanks! Maybe update the readme to also show a TS config? <div class="highligh

Support TypeScript about tailwind-bootstrap-grid HOT 3 CLOSED

karolis-sh commented on June 13, 2024 1

Support TypeScript

from tailwind-bootstrap-grid.

Comments (3)

MickL commented on June 13, 2024

There are currently two problems:

Eslint complains that require() is not allowed
When using import instead the compiler is complaining that not declaration file is found

@karolis-sh

from tailwind-bootstrap-grid.

karolis-sh commented on June 13, 2024

Typescript types have just been added with 5.1.0 version.

@MickL yes, use import, did a quick test this should work:

tailwind.config.ts

import tailwindBootstrapGrid from "tailwind-bootstrap-grid";

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  corePlugins: {
    container: false,
  },
  plugins: [
    tailwindBootstrapGrid({
      containerMaxWidths: {
        sm: "540px",
        md: "720px",
        lg: "960px",
        xl: "1140px",
      },
    }),
  ],
};

from tailwind-bootstrap-grid.

MickL commented on June 13, 2024

Thanks!
Maybe update the readme to also show a TS config?

import tailwindBootstrapGrid from 'tailwind-bootstrap-grid';
import type { Config } from 'tailwindcss';

export default <Partial<Config>>{
  plugins: [tailwindBootstrapGrid({})],
};