Change .cjs endings to .js in tailwind.config (#2161)

Author: iprzybysz

site/content/docs/standard/getting-started/optimization/index.html

@@ -35,7 +35,7 @@
   <p class="mb-6">
     Tailwind is optimized to create as little CSS as possible, so there is no
     need to do anything else other than configure
-    <code>tailwind.config.cjs</code> file.
+    <code>tailwind.config.js</code> file.
   </p>
 
   <p class="mb-6">
@@ -53,7 +53,7 @@
   <p class="mb-6">
     If you are using <code>PostCSS</code> plugin, another possibility to further
     optimize your app is to add <code>cssnano</code> at the end of the
-    <code>postcss.config.cjs</code>
+    <code>postcss.config.js</code>
   </p>
 
   <div class="pt-2">
@@ -65,7 +65,7 @@
 
   <div class="pt-2">
     <!-- prettier-ignore -->
-    {{< twsnippet/wrapper "postcss.config.cjs" "" "mobile" >}}{{< twsnippet/code active=true lang="js" >}}
+    {{< twsnippet/wrapper "postcss.config.js" "" "mobile" >}}{{< twsnippet/code active=true lang="js" >}}
     module.exports = {
       plugins: {
         tailwindcss: {},
@@ -245,10 +245,10 @@ <h3 class="mb-3 font-bold">VS Code + Tailwind CSS IntelliSense</h3>
 
   <p class="mb-6">
     TW elements is registered as a plugin inside
-    <code>tailwind.config.cjs</code>. That allows for our custom css classes to
+    <code>tailwind.config.js</code>. That allows for our custom css classes to
     be picked up by the Tailwind CSS IntelliSense. If the IntelliSense is not
     showing our classes check whether the <code>content</code> inside
-    <code>tailwind.config.cjs</code> is defined properly. We encourage to use it
+    <code>tailwind.config.js</code> is defined properly. We encourage to use it
     as it makes the live of a developer much easier.
   </p>
 </div>

site/content/docs/standard/getting-started/quick-start/index.html

@@ -366,7 +366,7 @@ <h3 class="mb-3 font-bold">How to use the <code>initTE</code> method?</h3>
 <p class="mb-2">
   2. Install tailwind CSS and its dependencies. After that,
   <code>init</code> the tailwind with the Tailwind CLI tool to create
-  <code>tailwind.config.cjs</code> file.
+  <code>tailwind.config.js</code> file.
 </p>
 
 <div class="pt-2" id="download-vite-step-2">
@@ -378,7 +378,7 @@ <h3 class="mb-3 font-bold">How to use the <code>initTE</code> method?</h3>
 </div>
 
 <p class="mb-2 mt-6">
-  3. Go to the <code>tailwind.config.cjs</code> file and add paths where your
+  3. Go to the <code>tailwind.config.js</code> file and add paths where your
   html files are going to be stored. You can change the
   <code>index.html</code> location but make sure to change to
   <a
@@ -392,7 +392,7 @@ <h3 class="mb-3 font-bold">How to use the <code>initTE</code> method?</h3>
 
 <div class="pt-2" id="download-vite-step-3">
   <!-- prettier-ignore -->
-  {{< twsnippet/wrapper "tailwind.config.cjs" "" "mobile" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
+  {{< twsnippet/wrapper "tailwind.config.js" "" "mobile" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
   /** @type {import('tailwindcss').Config} */
   module.exports = {
     content: [
@@ -472,13 +472,13 @@ <h3 class="mb-3 font-bold">How to use the <code>initTE</code> method?</h3>
 
 <p class="mb-2 mt-6">
   8. Add js files patterns that loads dynamic component classes to the content
-  array inside the <code>tailwind.config.cjs</code>. Extend the default tailwind
+  array inside the <code>tailwind.config.js</code>. Extend the default tailwind
   classes by adding the <code>TW elements</code> plugin.
 </p>
 
 <div class="pt-2" id="download-vite-step-8">
   <!-- prettier-ignore -->
-  {{< twsnippet/wrapper "tailwind.config.cjs" "" "mobile" >}}{{< twsnippet/code active=true lang="js" >}}
+  {{< twsnippet/wrapper "tailwind.config.js" "" "mobile" >}}{{< twsnippet/code active=true lang="js" >}}
   /** @type {import('tailwindcss').Config} */
   module.exports = {
     content: [