🌏

packages/create-vite/src/index.ts

@@ -8,13 +8,13 @@ import {
   blue,
   cyan,
   green,
+  lightBlue,
   lightGreen,
   lightRed,
   magenta,
   red,
   reset,
   yellow,
-  lightBlue
 } from 'kolorist'
 
 // Avoids autoconversion to number of the project name by defining that the args

packages/create-vite/template-qwik-ts/README.md

@@ -6,9 +6,11 @@ This starter is using a pure CSR (Client Side Rendering) mode. This means, that
 
 ```ts
 export default defineConfig({
-  plugins: [qwikVite({
-    csr: true,
-  })],
+  plugins: [
+    qwikVite({
+      csr: true,
+    }),
+  ],
 })
 ```
 
@@ -22,8 +24,6 @@ $ npm install # or pnpm install or yarn install
 
 Learn more on the [Qwik Website](https://qwik.builder.io) and join our community on our [Discord](https://qwik.builder.io/chat)
 
-
-
 ## Available Scripts
 
 In the project directory, you can run:

packages/create-vite/template-qwik-ts/src/app.tsx

@@ -11,17 +11,27 @@ export const App = component$(() => {
     <>
       <div>
         <a href="https://vitejs.dev" target="_blank">
-          <img src={viteLogo} width={32} height={32} class="logo" alt="Vite logo" />
+          <img
+            src={viteLogo}
+            width={32}
+            height={32}
+            class="logo"
+            alt="Vite logo"
+          />
         </a>
         <a href="https://qwik.builder.io" target="_blank">
-          <img src={qwikLogo} width={110} height={118} class="logo qwik" alt="Qwik logo" />
+          <img
+            src={qwikLogo}
+            width={110}
+            height={118}
+            class="logo qwik"
+            alt="Qwik logo"
+          />
         </a>
       </div>
       <h1>Vite + Qwik</h1>
       <div class="card">
-        <button onClick$={() => count.value++}>
-          count is {count.value}
-        </button>
+        <button onClick$={() => count.value++}>count is {count.value}</button>
         <p>
           Edit <code>src/app.tsx</code> and save to test HMR
         </p>
@@ -31,4 +41,4 @@ export const App = component$(() => {
       </p>
     </>
   )
-});
+})

packages/create-vite/template-qwik-ts/vite.config.ts

@@ -1,9 +1,11 @@
 import { defineConfig } from 'vite'
-import { qwikVite } from '@builder.io/qwik/optimizer';
+import { qwikVite } from '@builder.io/qwik/optimizer'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [qwikVite({
-    csr: true,
-  })],
+  plugins: [
+    qwikVite({
+      csr: true,
+    }),
+  ],
 })

packages/create-vite/template-qwik/README.md

@@ -6,9 +6,11 @@ This starter is using a pure CSR (Client Side Rendering) mode. This means, that
 
 ```ts
 export default defineConfig({
-  plugins: [qwikVite({
-    csr: true,
-  })],
+  plugins: [
+    qwikVite({
+      csr: true,
+    }),
+  ],
 })
 ```
 
@@ -22,8 +24,6 @@ $ npm install # or pnpm install or yarn install
 
 Learn more on the [Qwik Website](https://qwik.builder.io) and join our community on our [Discord](https://qwik.builder.io/chat)
 
-
-
 ## Available Scripts
 
 In the project directory, you can run:

packages/create-vite/template-qwik/src/app.jsx

@@ -11,17 +11,27 @@ export const App = component$(() => {
     <>
       <div>
         <a href="https://vitejs.dev" target="_blank">
-          <img src={viteLogo} width={32} height={32} class="logo" alt="Vite logo" />
+          <img
+            src={viteLogo}
+            width={32}
+            height={32}
+            class="logo"
+            alt="Vite logo"
+          />
         </a>
         <a href="https://qwik.builder.io" target="_blank">
-          <img src={qwikLogo} width={110} height={118} class="logo qwik" alt="Qwik logo" />
+          <img
+            src={qwikLogo}
+            width={110}
+            height={118}
+            class="logo qwik"
+            alt="Qwik logo"
+          />
         </a>
       </div>
       <h1>Vite + Qwik</h1>
       <div class="card">
-        <button onClick$={() => count.value++}>
-          count is {count.value}
-        </button>
+        <button onClick$={() => count.value++}>count is {count.value}</button>
         <p>
           Edit <code>src/app.tsx</code> and save to test HMR
         </p>
@@ -31,4 +41,4 @@ export const App = component$(() => {
       </p>
     </>
   )
-});
+})

packages/create-vite/template-qwik/vite.config.js

@@ -1,9 +1,11 @@
 import { defineConfig } from 'vite'
-import { qwikVite } from '@builder.io/qwik/optimizer';
+import { qwikVite } from '@builder.io/qwik/optimizer'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [qwikVite({
-    csr: true,
-  })],
+  plugins: [
+    qwikVite({
+      csr: true,
+    }),
+  ],
 })