editor_config.md

Configure the editor/IDE

We recommend Visual Studio Code as it has many extensions that will help, there are some of them:

• Svelte for VS Code

• Svelte 3 Snippets

• Prettier

  Configuration files:

  • grid_weblets/.prettierrc

    {
      "printWidth": 120,
      "tabWidth": 2,
      "useTabs": false,
      "semi": true,
      "singleQuote": false,
      "quoteProps": "as-needed",
      "jsxSingleQuote": false,
      "trailingComma": "all",
      "bracketSpacing": true,
      "arrowParens": "avoid",
      "endOfLine": "auto",
      "svelteSortOrder": "options-scripts-markup-styles",
      "plugins": ["prettier-plugin-svelte"]
    }

  • grid_weblets/.prettierignore

    # Ignore artifacts:
    build
    coverage
    weblets-chart

• ESLint

  Configuration files:

  • grid_weblets/.eslinttrc.js

    module.exports = {
      env: {
        browser: true,
        es2021: true,
        node: true,
      },
      parser: "@typescript-eslint/parser",
      plugins: ["svelte3", "@typescript-eslint"],
      extends: [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:cypress/recommended",
        "prettier",
      ],
      overrides: [
        {
          files: ["*.svelte"],
          processor: "svelte3/svelte3",
        },
      ],
      parserOptions: {
        ecmaVersion: "latest",
        sourceType: "module",
      },
      rules: { "@typescript-eslint/no-explicit-any": "off" },
      settings: {
        "svelte3/typescript": true, // load TypeScript as peer dependency
      },
    };

  • grid_weblets/.eslintignore

    # /node_modules/* and /bower_components/* in the project root are ignored by default
    
    # Ignore built files except build/index.js
    
    playground/public/build/elements/*
    *.config.*
    *global.css

• Vue Language Features