Sveltekit config files

.eslintrc.cjs

module.exports = {
  root: true,
  parser: '@typescript-eslint/parser',
  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
  ],
  plugins: ['svelte3', '@typescript-eslint'],
  ignorePatterns: ['*.cjs'],
  overrides: [
    { files: ['*.svelte'], processor: 'svelte3/svelte3' },
  ],
  settings: {
    'svelte3/typescript': () => require('typescript'),
  },
  parserOptions: {
    sourceType: 'module',
    ecmaVersion: 2019,
  },
  env: {
    browser: true,
    es2017: true,
    node: true,
  },
}

.prettierrc.yaml

semi: false
tabWidth: 2
trailingComma: "all"
jsxSingleQuote: true
printWidth: 65
singleQuote: true
arrowParens: "always"
proseWrap: "always"
plugins:
  - "./node_modules/prettier-plugin-package"
overrides:
  - files: "*.ts"
    options:
      plugins:
        - "./node_modules/prettier-plugin-import-sort"
  - files: "*.svelte"
    options:
      parser: 'svelte'
      plugins:
        - "./node_modules/prettier-plugin-svelte"

readme.md

Setup Instructions

• Run this in the terminal:

pnpm init svelte@next my-app
pnpx svelte-add tailwindcss
pnpm i prettier-plugin-package prettier-plugin-import-sort import-sort-style-module

• Remove --plugin-search-dir=. from scripts in package.json.

• Add this to package.json:

{
  "importSort": {
    ".js, .jsx, .ts, .tsx, .mjs": {
      "style": "module"
    }
  }
}