projections.next.json

{
  "*.tsx": {
    "template": [
      "import React from 'react';",
      "",
      "type Props = {open}{close};",
      "",
      "const {basename|camelcase|capitalize}: React.FunctionComponent<Props> = (props) => {",
      "  return <div data-name=\"{basename|camelcase|capitalize}\">{basename|camelcase|capitalize}</div>;",
      "};",
      "",
      "export default {basename|camelcase|capitalize};"
    ]
  },
  "*.{css,scss}": {
    "template": [".{basename} {open}", "{close}"]
  },
  "*.module.scss": {
    "template": [".container {open}", "{close}"]
  },
  "*.css.ts": {
    "template": [
      "import {open} style {close} from '@vanilla-extract/css';",
      "",
      "export const {basename} = style({open}{close});"
    ]
  },
  "src/pages/*.tsx": {
    "type": "page",
    "alternate": "src/styles/{}Page.css.ts"
  },
  "src/pages": {
    "type": "page"
  },
  "src/components/*.tsx": {
    "type": "components",
    "alternate": "src/components/{}.css.ts"
  },
  "src/components": {
    "type": "components"
  },
  "src/layouts/*.tsx": {
    "type": "layouts",
    "alternate": "src/layouts/{}.css.ts"
  },
  "src/layouts": {
    "type": "layouts"
  },
  "src/states/*.ts": {
    "type": "states"
  },
  "src/states": {
    "type": "states"
  },
  "src/utils/*.ts": {
    "type": "utils"
  },
  "src/utils": {
    "type": "utils"
  },
  "src/machines/*.ts": {
    "type": "machines"
  },
  "src/machines": {
    "type": "machines"
  },
  "src/styles/*.ts": {
    "type": "styles"
  },
  "src/styles": {
    "type": "styles"
  },
  "src/types/*.ts": {
    "type": "types"
  },
  "src/types": {
    "type": "types"
  }
}