svelte-adders VS eslint-plugin-svelte3

Perhaps your tool can steal some inspiration from the following:

- svelte-add is a similar tool for Svelte(Kit) projects: https://github.com/svelte-add/svelte-add

- svelte-add was originally based on a more generic tool: https://preset.dev

- I actually find `npm create svelte@latest` sufficient most of the time. It's like a starter project with presets for most best practices.

Oof... Not gonna lie, that one looks rough. I would start with something simpler to get started with. Maybe pick one from here https://github.com/svelte-add/svelte-add

For this tutorial, I’ll show you how to use a utility package named svelte-add to handle the integrations.

If you're just learning SvelteKit, check this tool out: https://github.com/svelte-add/svelte-add

It will save you a ton of time by making it really easy to add integrations to your projects (like Tailwind, Bootstrap, Supabase, Jest, etc)

By the way svelte-add is a great tool to quickly add Tailwind and a bunch of useful tools to a project. Highly recommended! I'm always starting new projects to experiment and this thing saves me a lot of time.

Somewhat the documentation is confusing, IMHO. Maybe it is just me, however there is just too much configuration to be done. I've never figured out how to actually make it work after the latest release 0.7. Would love to have Houdini+KitQL in https://github.com/svelte-add/svelte-add . Just run a simple command like npx svelte-add@latest houdini-kitql with a prompt for graphql URL and done. All the configs added automagically

We'll use SvelteAdd to add TailwindCSS to our application quickly. Run the below command to add TailwindCSS to our project.

I've created a couple of example projects using the npm init command for both Vite and Svelte. Added in Tailwind support using Svelte Add and replaced the index page styles on each with Tailwind styles.

❯ cd test/ Code/sveltekit-beta-app/test ❯ npm init svelte@next npx: installed 1 in 6.413s create-svelte version 2.0.0-next.46 Welcome to the SvelteKit setup wizard! SvelteKit is in public beta now. There are definitely bugs and some feature might not work yet. If you encounter an issue, have a look at https://github.com/sveltejs/kit/issues and open a new one, if it is not already tracked. ✔ Copied project files ✔ Use TypeScript in components? … no You can add TypeScript support later. We'll let you know soon how to do it. ✔ What do you want to use for writing Styles in Svelte components? › SCSS ✔ Added SCSS support. To use it inside Svelte components, add lang="scss" to the attributes of a style tag. ✔ Add ESLint for code linting? … yes ✔ Added ESLint. Readme for ESLint and Svelte: https://github.com/sveltejs/eslint-plugin-svelte3 ✔ Add Prettier for code formatting? … no Want to add other parts to your code base? Visit https://github.com/svelte-add/svelte-adders, a community project of commands to add particular functionality to Svelte projects Next steps: 1: npm install (or pnpm install, or yarn) 2: npm run dev -- --open To close the dev server, hit Ctrl-C Stuck? Visit us at https://svelte.dev/chat Code/sveltekit-beta-app/test is 📦 v0.0.1 via ⬢ v14.16.0 took 19s ❯ npm i  WARN  @sveltejs/kit > @sveltejs/vite-plugin-svelte: @rollup/[email protected] requires a peer of rollup@^1.20.0||^2.0.0 but none was installed. Packages: +166 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Packages are cloned from the content-addressable store to the virtual store. Content-addressable store is at: /home/user/.pnpm-store/v3 Virtual store is at: node_modules/.pnpm Progress: resolved 167, reused 166, downloaded 1, added 166, done  WARN  Failed to find "/fsevents/2.3.2" in lockfile during hoisting. Next aliases will not be hoisted: fsevents node_modules/.pnpm/[email protected]/node_modules/esbuild: Running postinstall script... node_modules/.pnpm/[email protected]/node_modules/esbuild: Running postinstall script, done in 101msess: Running postinstall script, done in 9ms devDependencies: + @sveltejs/adapter-node 1.0.0-next.12 + @sveltejs/kit 1.0.0-next.71 + eslint 7.23.0 + eslint-plugin-svelte3 3.1.2 + sass 1.32.8 + svelte 3.37.0 + svelte-preprocess 4.7.0 + vite 2.1.5 Code/sveltekit-beta-app/test is 📦 v0.0.1 via ⬢ v14.16.0 took 2s ❯ npm run build > [email protected] build /home/user/Code/sveltekit-beta-app/test > svelte-kit build vite v2.1.5 building for production... ✓ 18 modules transformed. .svelte/output/client/_app/manifest.json 0.67kb .svelte/output/client/_app/assets/start-fa9b0979.css 0.31kb / brotli: 0.19kb .svelte/output/client/_app/assets/pages/index.svelte-50fcb4c1.css 0.67kb / brotli: 0.26kb .svelte/output/client/_app/pages/index.svelte-f0a6bba9.js 1.58kb / brotli: 0.68kb .svelte/output/client/_app/chunks/vendor-b2527fc7.js 5.14kb / brotli: 2.00kb .svelte/output/client/_app/start-8012d080.js 15.52kb / brotli: 5.29kb vite v2.1.5 building SSR bundle for production... ✓ 1 modules transformed. [vite]: Rollup failed to resolve import "@sveltejs/kit/ssr" from ".svelte/build/app.js". This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it to `build.rollupOptions.external` > [vite]: Rollup failed to resolve import "@sveltejs/kit/ssr" from ".svelte/build/app.js". This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it to `build.rollupOptions.external` Error: [vite]: Rollup failed to resolve import "@sveltejs/kit/ssr" from ".svelte/build/app.js". This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it to `build.rollupOptions.external` at onRollupWarning (/home/user/Code/sveltekit-beta-app/test/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-66eb515d.js:44389:19) at Object.onwarn (/home/user/Code/sveltekit-beta-app/test/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-66eb515d.js:44239:17) at Object.onwarn (/home/user/Code/sveltekit-beta-app/test/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:19784:20) at ModuleLoader.handleResolveId (/home/user/Code/sveltekit-beta-app/test/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:18526:26) at /home/user/Code/sveltekit-beta-app/test/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:18480:22 at async Promise.all (index 0) at async ModuleLoader.fetchStaticDependencies (/home/user/Code/sveltekit-beta-app/test/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:18478:34) at async Promise.all (index 0) at async ModuleLoader.fetchModule (/home/user/Code/sveltekit-beta-app/test/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:18454:9) at async Promise.all (index 0)  ERROR  Command failed with exit code 1. Code/sveltekit-beta-app/test is 📦 v0.0.1 via ⬢ v14.16.0 took 2s ❯