Format with lower line length

.eslintrc.cjs

@@ -5,7 +5,11 @@ module.exports = {
 	},
 	parser: '@typescript-eslint/parser',
 	plugins: ['@typescript-eslint', 'prettier'],
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:prettier/recommended',
+	],
 	rules: {
 		// We don't want to leak logging into our user's console unless it's an error
 		'no-console': ['error', { allow: ['warn', 'error'] }],

.prettierrc.cjs

@@ -1,6 +1,6 @@
 /** @type {import("@types/prettier").Options */
 module.exports = {
-	printWidth: 180,
+	printWidth: 80,
 	semi: true,
 	singleQuote: true,
 	tabWidth: 2,

.vscode/extensions.json

@@ -1,3 +1,8 @@
 {
-  "recommendations": ["astro-build.astro-vscode", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "editorconfig.editorconfig"]
+  "recommendations": [
+    "astro-build.astro-vscode",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "editorconfig.editorconfig"
+  ]
 }

demo/src/pages/index.astro

@@ -21,7 +21,9 @@ import * as Component from '@astro-community/astro-embed-twitter';
 			<Component.Tweet id="1511380091720409095" />
 			<Component.Tweet id="1509917444403601409" />
 			<p class="center">…</p>
-			<Component.Tweet id="https://twitter.com/astrodotbuild/status/1402352777020395521" />
+			<Component.Tweet
+				id="https://twitter.com/astrodotbuild/status/1402352777020395521"
+			/>
 		</div>
 	</body>
 </html>

packages/astro-embed-twitter/Tweet.css

@@ -5,7 +5,9 @@
 	padding: var(--tc-padding);
 	border-radius: var(--tc-corner-radius);
 	border: 1px solid currentColor;
-	box-shadow: 0 0.2px 0.5px hsl(0deg 0% 0% / 0.11), 0 0.75px 1.7px -0.8px hsl(0deg 0% 0% / 0.11), 0 1.85px 4.2px -1.7px hsl(0deg 0% 0% / 0.11),
+	box-shadow: 0 0.2px 0.5px hsl(0deg 0% 0% / 0.11),
+		0 0.75px 1.7px -0.8px hsl(0deg 0% 0% / 0.11),
+		0 1.85px 4.2px -1.7px hsl(0deg 0% 0% / 0.11),
 		0 4.45px 10px -2.5px hsl(0deg 0% 0% / 0.11);
 }