Update default tailwindConfig property (#866)

* Update tailwindConfig property to default to local tailwind.config.js file

* update example

* Create two-days-cry.md

.changeset/two-days-cry.md

@@ -0,0 +1,22 @@
+---
+"astro": patch
+"create-astro": patch
+"@example/blog-multiple-authors": patch
+"@example/blog": patch
+"@example/docs": patch
+"@example/framework-lit": patch
+"@example/framework-multiple": patch
+"@example/framework-preact": patch
+"@example/framework-react": patch
+"@example/framework-solid": patch
+"@example/framework-svelte": patch
+"@example/framework-vue": patch
+"@example/portfolio": patch
+"@example/starter": patch
+"@example/with-markdown-plugins": patch
+"@example/with-markdown": patch
+"@example/with-tailwindcss": patch
+"docs": patch
+---
+
+Update default `tailwindConfig` property to use the common value

docs/src/pages/reference/configuration-reference.md

@@ -18,7 +18,7 @@ export default {
   },
   devOptions: {
     port: 3000, // The port to run the dev server on.
-    // tailwindConfig: '',  // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   // component renderers which are enabled by default
   renderers: [

examples/blog-multiple-authors/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-preact'],
 };

examples/blog/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-preact'],
 };

examples/docs/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-preact'],
 };

examples/framework-lit/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-lit'],
 };

examples/framework-multiple/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-preact', '@astrojs/renderer-react', '@astrojs/renderer-svelte', '@astrojs/renderer-vue', '@astrojs/renderer-solid'],
 };

examples/framework-preact/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-preact'],
 };

examples/framework-react/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-react'],
 };

examples/framework-solid/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-solid'],
 };

examples/framework-svelte/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-svelte'],
 };

examples/framework-vue/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-vue'],
 };

examples/portfolio/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-preact'],
 };

examples/starter/astro.config.mjs

@@ -9,6 +9,6 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
 };

examples/with-markdown-plugins/astro.config.mjs

@@ -16,6 +16,6 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
 };

examples/with-tailwindcss/astro.config.mjs

@@ -9,7 +9,7 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    tailwindConfig: './tailwind.config.js', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    tailwindConfig: './tailwind.config.js', // Path to tailwind.config.js
   },
   renderers: ['@astrojs/renderer-preact'],
 };

packages/astro/test/fixtures/lit-element/astro.config.mjs

@@ -9,9 +9,9 @@ export default {
   },
   devOptions: {
     // port: 3000,         // The port to run the dev server on.
-    // tailwindConfig: '', // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },
   renderers: [
     '@astrojs/renderer-lit'
   ]
-};
+};

packages/create-astro/src/config.ts

@@ -12,7 +12,7 @@ export const createConfig = ({ renderers }: { renderers: string[] }) => {
   devOptions: {
     // hostname: 'localhost',  // The hostname to run the dev server on. 
     // port: 3000,             // The port to run the dev server on.
-    // tailwindConfig: '',     // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
+    // tailwindConfig: './tailwind.config.js',  // Path to tailwind.config.js
   },`,
     `  renderers: ${JSON.stringify(renderers, undefined, 2)
       .split('\n')