Follow the user’s tab-size setting where possible

[fregante]

• Fixes It overrides GitHub built-in "Tab size preference" #4832
• Fixes GitHub's custom tab size is overridden #4806

What

• In files, follow the user’s setting
• In comments, stick to 4 characters because GitHub is ignoring the setting
• Preserves support in show-whitespace

Test

Working natively

• https://github.com/sindresorhus/refined-github/blob/a52decfe2d0b5cd4617c08055bcf4a0a23812e4e/package.json
• https://github.com/sindresorhus/refined-github/pull/4833/files

GitHub bugs…

GitHub ignores the user setting in comments and just sets data-tab-size="8" in the DOM 🤷‍♂️ so I will force it in this case.

• Review: Follow the user’s tab-size setting where possible #4833 (comment)

• Inlined code:

  refined-github/package.json

  Lines 1 to 6 in a796273

  	{
  	"private": true,
  	"type": "module",
  	"scripts": {
  	"vitest": "vitest --run",
  	"build": "run-p build:* --continue-on-error",

• Code block

   {
   	no: "support"
   }

• Try editing a comment and press tab

Screenshot 1

Screenshot 2

[kidonng]

Also fixes #4806

[fregante]

Demo suggestion, do not resolve

Suggested change

	[data-tab-size] {
	--tab-size: attr(data-tab-size);
	}
	[data-tab-size] {
	--tab-size: attr(data-tab-size);
	}

[fregante]

Last chance for review. Will merge within 8 hours

[yakov116]

Should this file get a GHE comment?

[fregante]

GHE is mentioned in a different comment. This code is not related to GHE

[kidonng]

Isn't this link missing a leading h?

[fregante]

argh I forgot to merge this… I'll release v21.8.2 I guess 😂