From ccb0d1a7184654ec40d11b194ce6517ab2683b09 Mon Sep 17 00:00:00 2001 From: Alexandre Mouton-Brady Date: Fri, 24 Dec 2021 22:42:17 +0100 Subject: [PATCH] :art: Run prettier on all files (fix #21) --- README.md | 2 +- js/README.md | 1 + js/src/App.jsx | 4 +-- js/src/index.css | 6 ++-- js/src/index.jsx | 8 ++--- js/vite.config.js | 6 ++-- ts-bootstrap/README.md | 1 + ts-bootstrap/src/App.tsx | 56 +++++++++++++++---------------- ts-bootstrap/src/cheatsheet.scss | 24 ++++++------- ts-bootstrap/src/index.tsx | 10 +++--- ts-bootstrap/vite.config.ts | 6 ++-- ts-minimal/README.md | 1 + ts-minimal/src/App.tsx | 2 +- ts-minimal/src/index.tsx | 7 ++-- ts-minimal/vite.config.ts | 6 ++-- ts-router/README.md | 1 + ts-router/src/app.tsx | 6 ++-- ts-router/src/index.tsx | 10 +++--- ts-router/src/pages/about.data.ts | 4 +-- ts-router/src/pages/about.tsx | 8 ++--- ts-router/src/pages/home.tsx | 2 +- ts-router/src/routes.ts | 18 +++++----- ts-router/tailwind.config.ts | 2 +- ts-router/vite.config.ts | 8 ++--- ts-tailwindcss/README.md | 1 + ts-tailwindcss/postcss.config.js | 2 +- ts-tailwindcss/src/App.tsx | 2 +- ts-tailwindcss/src/index.tsx | 8 ++--- ts-tailwindcss/vite.config.ts | 6 ++-- ts-windicss/README.md | 1 + ts-windicss/src/App.tsx | 2 +- ts-windicss/src/index.tsx | 8 ++--- ts-windicss/vite.config.ts | 10 +++--- ts/README.md | 1 + ts/src/App.tsx | 6 ++-- ts/src/index.css | 6 ++-- ts/src/index.tsx | 8 ++--- ts/vite.config.ts | 6 ++-- 38 files changed, 136 insertions(+), 130 deletions(-) diff --git a/README.md b/README.md index d559b16..373e13a 100644 --- a/README.md +++ b/README.md @@ -79,7 +79,7 @@ Feel free to make a pull request. Copy on of the template already available, twe ## Contributing -This project is managed with [pnpm](https://pnpm.io). You should [install it](https://pnpm.io/installation) first to test out your template or contribute to an existing one. +This project is managed with [pnpm](https://pnpm.io). You should [install it](https://pnpm.io/installation) first to test out your template or contribute to an existing one. You can create your own template and prefix it with `ts-` or `js-` and giving it a name that describe the purpose. diff --git a/js/README.md b/js/README.md index 377400a..434f7bb 100644 --- a/js/README.md +++ b/js/README.md @@ -7,6 +7,7 @@ This is the reason you see a `pnpm-lock.yaml`. That being said, any package mana ```bash $ npm install # or pnpm install or yarn install ``` + ### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs) ## Available Scripts diff --git a/js/src/App.jsx b/js/src/App.jsx index f1997a9..ead3703 100644 --- a/js/src/App.jsx +++ b/js/src/App.jsx @@ -1,5 +1,5 @@ -import logo from "./logo.svg"; -import styles from "./App.module.css"; +import logo from './logo.svg'; +import styles from './App.module.css'; function App() { return ( diff --git a/js/src/index.css b/js/src/index.css index 4a1df4d..ec2585e 100644 --- a/js/src/index.css +++ b/js/src/index.css @@ -1,13 +1,13 @@ body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", - "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } diff --git a/js/src/index.jsx b/js/src/index.jsx index 220ed09..645dbaf 100644 --- a/js/src/index.jsx +++ b/js/src/index.jsx @@ -1,6 +1,6 @@ -import { render } from "solid-js/web"; +import { render } from 'solid-js/web'; -import "./index.css"; -import App from "./App"; +import './index.css'; +import App from './App'; -render(App, document.getElementById("root")); +render(App, document.getElementById('root')); diff --git a/js/vite.config.js b/js/vite.config.js index 31ca950..d52d794 100644 --- a/js/vite.config.js +++ b/js/vite.config.js @@ -1,10 +1,10 @@ -import { defineConfig } from "vite"; -import solidPlugin from "vite-plugin-solid"; +import { defineConfig } from 'vite'; +import solidPlugin from 'vite-plugin-solid'; export default defineConfig({ plugins: [solidPlugin()], build: { - target: "esnext", + target: 'esnext', polyfillDynamicImport: false, }, }); diff --git a/ts-bootstrap/README.md b/ts-bootstrap/README.md index 377400a..434f7bb 100644 --- a/ts-bootstrap/README.md +++ b/ts-bootstrap/README.md @@ -7,6 +7,7 @@ This is the reason you see a `pnpm-lock.yaml`. That being said, any package mana ```bash $ npm install # or pnpm install or yarn install ``` + ### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs) ## Available Scripts diff --git a/ts-bootstrap/src/App.tsx b/ts-bootstrap/src/App.tsx index c706fa1..9d2b356 100644 --- a/ts-bootstrap/src/App.tsx +++ b/ts-bootstrap/src/App.tsx @@ -1,6 +1,6 @@ -import { onCleanup, onMount } from "solid-js"; -import type { Component } from "solid-js"; -import * as bootstrap from "bootstrap"; +import { onCleanup, onMount } from 'solid-js'; +import type { Component } from 'solid-js'; +import * as bootstrap from 'bootstrap'; const App: Component = () => { /** @@ -10,18 +10,18 @@ const App: Component = () => { function setActiveItem() { let hash = window.location.hash; - if (hash === "") { + if (hash === '') { return; } let link = document.querySelector('.bd-aside a[href="' + hash + '"]'); - let active = document.querySelector(".bd-aside .active"); + let active = document.querySelector('.bd-aside .active'); // @ts-ignore let parent = link.parentNode.parentNode.previousElementSibling; - link.classList.add("active"); + link.classList.add('active'); - if (parent.classList.contains("collapsed")) { + if (parent.classList.contains('collapsed')) { parent.click(); } @@ -32,7 +32,7 @@ const App: Component = () => { // @ts-ignore let expanded = active.parentNode.parentNode.previousElementSibling; - active.classList.remove("active"); + active.classList.remove('active'); if (expanded && parent !== expanded) { expanded.click(); @@ -41,11 +41,11 @@ const App: Component = () => { onMount(() => { setActiveItem(); - window.addEventListener("hashchange", setActiveItem); + window.addEventListener('hashchange', setActiveItem); }); onCleanup(() => { - window.removeEventListener("hashchange", setActiveItem); + window.removeEventListener('hashchange', setActiveItem); }); return ( @@ -427,7 +427,7 @@ const App: Component = () => {

A well-known quote, contained in a blockquote element.

- Someone famous in{" "} + Someone famous in{' '} Source Title
@@ -1303,14 +1303,14 @@ const App: Component = () => {
This is the first item's accordion body. - {" "} + {' '} It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just - about any HTML can go within the{" "} + about any HTML can go within the{' '} .accordion-body, though the transition does limit overflow.
@@ -1338,14 +1338,14 @@ const App: Component = () => {
This is the second item's accordion body. - {" "} + {' '} It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just - about any HTML can go within the{" "} + about any HTML can go within the{' '} .accordion-body, though the transition does limit overflow.
@@ -1373,14 +1373,14 @@ const App: Component = () => {
This is the third item's accordion body. - {" "} + {' '} It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just - about any HTML can go within the{" "} + about any HTML can go within the{' '} .accordion-body, though the transition does limit overflow.
@@ -1404,7 +1404,7 @@ const App: Component = () => { class="alert alert-primary alert-dismissible fade show" aria-role="alert" > - A simple primary alert with{" "} + A simple primary alert with{' '} e.preventDefault()} @@ -1424,7 +1424,7 @@ const App: Component = () => { class="alert alert-secondary alert-dismissible fade show" aria-role="alert" > - A simple secondary alert with{" "} + A simple secondary alert with{' '} e.preventDefault()} @@ -1444,7 +1444,7 @@ const App: Component = () => { class="alert alert-success alert-dismissible fade show" aria-role="alert" > - A simple success alert with{" "} + A simple success alert with{' '} e.preventDefault()} @@ -1464,7 +1464,7 @@ const App: Component = () => { class="alert alert-danger alert-dismissible fade show" aria-role="alert" > - A simple danger alert with{" "} + A simple danger alert with{' '} e.preventDefault()} @@ -1484,7 +1484,7 @@ const App: Component = () => { class="alert alert-warning alert-dismissible fade show" aria-role="alert" > - A simple warning alert with{" "} + A simple warning alert with{' '} e.preventDefault()} @@ -1504,7 +1504,7 @@ const App: Component = () => { class="alert alert-info alert-dismissible fade show" aria-role="alert" > - A simple info alert with{" "} + A simple info alert with{' '} e.preventDefault()} @@ -1524,7 +1524,7 @@ const App: Component = () => { class="alert alert-light alert-dismissible fade show" aria-role="alert" > - A simple light alert with{" "} + A simple light alert with{' '} e.preventDefault()} @@ -1544,7 +1544,7 @@ const App: Component = () => { class="alert alert-dark alert-dismissible fade show" aria-role="alert" > - A simple dark alert with{" "} + A simple dark alert with{' '} e.preventDefault()} @@ -1603,15 +1603,15 @@ const App: Component = () => { Example heading New

- Example heading{" "} + Example heading{' '} New

- Example heading{" "} + Example heading{' '} New

- Example heading{" "} + Example heading{' '} New

diff --git a/ts-bootstrap/src/cheatsheet.scss b/ts-bootstrap/src/cheatsheet.scss index 6783a6f..fe5be97 100644 --- a/ts-bootstrap/src/cheatsheet.scss +++ b/ts-bootstrap/src/cheatsheet.scss @@ -30,7 +30,7 @@ width: 1em; height: 1em; margin-right: 0.25rem; - content: ""; + content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%25230d6efd' viewBox='0 0 16 16'%3E%3Cpath d='M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2h1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1H2a2 2 0 0 1 2-2z'/%3E%3Cpath d='M2 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H2zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H2zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H2z'/%3E%3Cpath fill-rule='evenodd' d='M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E"); background-size: 1em; } @@ -89,7 +89,7 @@ transform-origin: 0.5em 50%; } -.bd-aside .btn[aria-expanded="true"]::before { +.bd-aside .btn[aria-expanded='true']::before { transform: rotate(90deg) /* rtl:ignore */; } @@ -101,15 +101,15 @@ overflow: auto; } -[id="modal"] .bd-example .btn, -[id="buttons"] .bd-example .btn, -[id="tooltips"] .bd-example .btn, -[id="popovers"] .bd-example .btn, -[id="dropdowns"] .bd-example .btn-group, -[id="dropdowns"] .bd-example .dropdown, -[id="dropdowns"] .bd-example .dropup, -[id="dropdowns"] .bd-example .dropend, -[id="dropdowns"] .bd-example .dropstart { +[id='modal'] .bd-example .btn, +[id='buttons'] .bd-example .btn, +[id='tooltips'] .bd-example .btn, +[id='popovers'] .bd-example .btn, +[id='dropdowns'] .bd-example .btn-group, +[id='dropdowns'] .bd-example .dropdown, +[id='dropdowns'] .bd-example .dropup, +[id='dropdowns'] .bd-example .dropend, +[id='dropdowns'] .bd-example .dropstart { margin: 0 1rem 1rem 0; } @@ -171,7 +171,7 @@ left: 0; /* rtl:end:ignore */ z-index: -1; - content: ""; + content: ''; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 1) calc(100% - 3rem), diff --git a/ts-bootstrap/src/index.tsx b/ts-bootstrap/src/index.tsx index 9c3d3c1..62c563a 100644 --- a/ts-bootstrap/src/index.tsx +++ b/ts-bootstrap/src/index.tsx @@ -1,13 +1,13 @@ -import "bootstrap/scss/bootstrap.scss"; +import 'bootstrap/scss/bootstrap.scss'; -import { render } from "solid-js/web"; +import { render } from 'solid-js/web'; /** * This file was taken from the cheatsheet example of bootstrap. * You will most likely remove it if using this template. */ -import "./cheatsheet.scss"; +import './cheatsheet.scss'; -import App from "./App"; +import App from './App'; -render(() => , document.getElementById("root") as HTMLElement); +render(() => , document.getElementById('root') as HTMLElement); diff --git a/ts-bootstrap/vite.config.ts b/ts-bootstrap/vite.config.ts index 31ca950..d52d794 100644 --- a/ts-bootstrap/vite.config.ts +++ b/ts-bootstrap/vite.config.ts @@ -1,10 +1,10 @@ -import { defineConfig } from "vite"; -import solidPlugin from "vite-plugin-solid"; +import { defineConfig } from 'vite'; +import solidPlugin from 'vite-plugin-solid'; export default defineConfig({ plugins: [solidPlugin()], build: { - target: "esnext", + target: 'esnext', polyfillDynamicImport: false, }, }); diff --git a/ts-minimal/README.md b/ts-minimal/README.md index 377400a..434f7bb 100644 --- a/ts-minimal/README.md +++ b/ts-minimal/README.md @@ -7,6 +7,7 @@ This is the reason you see a `pnpm-lock.yaml`. That being said, any package mana ```bash $ npm install # or pnpm install or yarn install ``` + ### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs) ## Available Scripts diff --git a/ts-minimal/src/App.tsx b/ts-minimal/src/App.tsx index 31d3961..b23e109 100644 --- a/ts-minimal/src/App.tsx +++ b/ts-minimal/src/App.tsx @@ -1,4 +1,4 @@ -import type { Component } from "solid-js"; +import type { Component } from 'solid-js'; const App: Component = () => { return

Hello world!

; diff --git a/ts-minimal/src/index.tsx b/ts-minimal/src/index.tsx index 5e10358..89554a5 100644 --- a/ts-minimal/src/index.tsx +++ b/ts-minimal/src/index.tsx @@ -1,6 +1,5 @@ -import { render } from "solid-js/web"; +import { render } from 'solid-js/web'; -import App from "./App"; - -render(() => , document.getElementById("root") as HTMLElement); +import App from './App'; +render(() => , document.getElementById('root') as HTMLElement); diff --git a/ts-minimal/vite.config.ts b/ts-minimal/vite.config.ts index 31ca950..d52d794 100644 --- a/ts-minimal/vite.config.ts +++ b/ts-minimal/vite.config.ts @@ -1,10 +1,10 @@ -import { defineConfig } from "vite"; -import solidPlugin from "vite-plugin-solid"; +import { defineConfig } from 'vite'; +import solidPlugin from 'vite-plugin-solid'; export default defineConfig({ plugins: [solidPlugin()], build: { - target: "esnext", + target: 'esnext', polyfillDynamicImport: false, }, }); diff --git a/ts-router/README.md b/ts-router/README.md index 377400a..434f7bb 100644 --- a/ts-router/README.md +++ b/ts-router/README.md @@ -7,6 +7,7 @@ This is the reason you see a `pnpm-lock.yaml`. That being said, any package mana ```bash $ npm install # or pnpm install or yarn install ``` + ### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs) ## Available Scripts diff --git a/ts-router/src/app.tsx b/ts-router/src/app.tsx index f07f4fd..f6d1ac3 100644 --- a/ts-router/src/app.tsx +++ b/ts-router/src/app.tsx @@ -1,7 +1,7 @@ -import type { Component } from "solid-js"; -import { Link, useRoutes, useLocation } from "solid-app-router"; +import type { Component } from 'solid-js'; +import { Link, useRoutes, useLocation } from 'solid-app-router'; -import { routes } from "./routes"; +import { routes } from './routes'; const App: Component = () => { const location = useLocation(); diff --git a/ts-router/src/index.tsx b/ts-router/src/index.tsx index 84f8dd6..249ad29 100644 --- a/ts-router/src/index.tsx +++ b/ts-router/src/index.tsx @@ -1,8 +1,8 @@ -import "windi.css"; +import 'windi.css'; -import { render } from "solid-js/web"; -import { Router } from "solid-app-router"; -import App from "./app"; +import { render } from 'solid-js/web'; +import { Router } from 'solid-app-router'; +import App from './app'; render( () => ( @@ -10,5 +10,5 @@ render( ), - document.getElementById("root") as HTMLElement + document.getElementById('root') as HTMLElement, ); diff --git a/ts-router/src/pages/about.data.ts b/ts-router/src/pages/about.data.ts index 42d8752..8b3fb23 100644 --- a/ts-router/src/pages/about.data.ts +++ b/ts-router/src/pages/about.data.ts @@ -1,8 +1,8 @@ -import type { RouteDataFunc } from "solid-app-router"; +import type { RouteDataFunc } from 'solid-app-router'; const AboutData: RouteDataFunc = () => { return { - name: "about", + name: 'about', }; }; diff --git a/ts-router/src/pages/about.tsx b/ts-router/src/pages/about.tsx index a08efb6..ebd8dac 100644 --- a/ts-router/src/pages/about.tsx +++ b/ts-router/src/pages/about.tsx @@ -1,15 +1,15 @@ -import { Suspense } from "solid-js"; -import { useData } from "solid-app-router"; +import { Suspense } from 'solid-js'; +import { useData } from 'solid-app-router'; export default function About() { const data = useData(); - + return (

About

A page all about this website.

- + 
           {JSON.stringify(data, null, 2)}
diff --git a/ts-router/src/pages/home.tsx b/ts-router/src/pages/home.tsx
index 08871ba..da0c031 100644
--- a/ts-router/src/pages/home.tsx
+++ b/ts-router/src/pages/home.tsx
@@ -1,4 +1,4 @@
-import { createSignal } from "solid-js";
+import { createSignal } from 'solid-js';
 
 export default function Home() {
   const [count, setCount] = createSignal(0);
diff --git a/ts-router/src/routes.ts b/ts-router/src/routes.ts
index c4ae310..a9a494a 100644
--- a/ts-router/src/routes.ts
+++ b/ts-router/src/routes.ts
@@ -1,21 +1,21 @@
-import { lazy } from "solid-js";
-import type { RouteDefinition } from "solid-app-router";
+import { lazy } from 'solid-js';
+import type { RouteDefinition } from 'solid-app-router';
 
-import Home from "./pages/home";
-import AboutData from "./pages/about.data";
+import Home from './pages/home';
+import AboutData from './pages/about.data';
 
 export const routes: RouteDefinition[] = [
   {
-    path: "/",
+    path: '/',
     component: Home,
   },
   {
-    path: "/about",
-    component: lazy(() => import("./pages/about")),
+    path: '/about',
+    component: lazy(() => import('./pages/about')),
     data: AboutData,
   },
   {
-    path: "**",
-    component: lazy(() => import("./errors/404")),
+    path: '**',
+    component: lazy(() => import('./errors/404')),
   },
 ];
diff --git a/ts-router/tailwind.config.ts b/ts-router/tailwind.config.ts
index 20d5599..1b4b2cd 100644
--- a/ts-router/tailwind.config.ts
+++ b/ts-router/tailwind.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig } from "vite-plugin-windicss";
+import { defineConfig } from 'vite-plugin-windicss';
 
 export default defineConfig({
   darkMode: false,
diff --git a/ts-router/vite.config.ts b/ts-router/vite.config.ts
index 340126a..ea9fb84 100644
--- a/ts-router/vite.config.ts
+++ b/ts-router/vite.config.ts
@@ -1,11 +1,11 @@
-import { defineConfig } from "vite";
-import solidPlugin from "vite-plugin-solid";
-import WindiCSS from "vite-plugin-windicss";
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+import WindiCSS from 'vite-plugin-windicss';
 
 export default defineConfig({
   plugins: [solidPlugin(), WindiCSS()],
   build: {
-    target: "esnext",
+    target: 'esnext',
     polyfillDynamicImport: false,
   },
 });
diff --git a/ts-tailwindcss/README.md b/ts-tailwindcss/README.md
index 377400a..434f7bb 100644
--- a/ts-tailwindcss/README.md
+++ b/ts-tailwindcss/README.md
@@ -7,6 +7,7 @@ This is the reason you see a `pnpm-lock.yaml`. That being said, any package mana
 ```bash
 $ npm install # or pnpm install or yarn install
 ```
+
 ### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
 
 ## Available Scripts
diff --git a/ts-tailwindcss/postcss.config.js b/ts-tailwindcss/postcss.config.js
index 87233a4..4be1640 100644
--- a/ts-tailwindcss/postcss.config.js
+++ b/ts-tailwindcss/postcss.config.js
@@ -1,5 +1,5 @@
 module.exports = {
-  purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
diff --git a/ts-tailwindcss/src/App.tsx b/ts-tailwindcss/src/App.tsx
index 74d62bd..3dc0af3 100644
--- a/ts-tailwindcss/src/App.tsx
+++ b/ts-tailwindcss/src/App.tsx
@@ -1,4 +1,4 @@
-import type { Component } from "solid-js";
+import type { Component } from 'solid-js';
 
 const App: Component = () => {
   return (
diff --git a/ts-tailwindcss/src/index.tsx b/ts-tailwindcss/src/index.tsx
index df6d5bc..cae7b94 100644
--- a/ts-tailwindcss/src/index.tsx
+++ b/ts-tailwindcss/src/index.tsx
@@ -1,6 +1,6 @@
-import "./index.css";
-import { render } from "solid-js/web";
+import './index.css';
+import { render } from 'solid-js/web';
 
-import App from "./App";
+import App from './App';
 
-render(() => , document.getElementById("root") as HTMLElement);
+render(() => , document.getElementById('root') as HTMLElement);
diff --git a/ts-tailwindcss/vite.config.ts b/ts-tailwindcss/vite.config.ts
index 31ca950..d52d794 100644
--- a/ts-tailwindcss/vite.config.ts
+++ b/ts-tailwindcss/vite.config.ts
@@ -1,10 +1,10 @@
-import { defineConfig } from "vite";
-import solidPlugin from "vite-plugin-solid";
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
 
 export default defineConfig({
   plugins: [solidPlugin()],
   build: {
-    target: "esnext",
+    target: 'esnext',
     polyfillDynamicImport: false,
   },
 });
diff --git a/ts-windicss/README.md b/ts-windicss/README.md
index 377400a..434f7bb 100644
--- a/ts-windicss/README.md
+++ b/ts-windicss/README.md
@@ -7,6 +7,7 @@ This is the reason you see a `pnpm-lock.yaml`. That being said, any package mana
 ```bash
 $ npm install # or pnpm install or yarn install
 ```
+
 ### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
 
 ## Available Scripts
diff --git a/ts-windicss/src/App.tsx b/ts-windicss/src/App.tsx
index 74d62bd..3dc0af3 100644
--- a/ts-windicss/src/App.tsx
+++ b/ts-windicss/src/App.tsx
@@ -1,4 +1,4 @@
-import type { Component } from "solid-js";
+import type { Component } from 'solid-js';
 
 const App: Component = () => {
   return (
diff --git a/ts-windicss/src/index.tsx b/ts-windicss/src/index.tsx
index cb938fc..1d8f408 100644
--- a/ts-windicss/src/index.tsx
+++ b/ts-windicss/src/index.tsx
@@ -1,6 +1,6 @@
-import "windi.css";
-import { render } from "solid-js/web";
+import 'windi.css';
+import { render } from 'solid-js/web';
 
-import App from "./App";
+import App from './App';
 
-render(() => , document.getElementById("root") as HTMLElement);
+render(() => , document.getElementById('root') as HTMLElement);
diff --git a/ts-windicss/vite.config.ts b/ts-windicss/vite.config.ts
index 8dcf786..e847609 100644
--- a/ts-windicss/vite.config.ts
+++ b/ts-windicss/vite.config.ts
@@ -1,18 +1,18 @@
-import { defineConfig } from "vite";
-import solidPlugin from "vite-plugin-solid";
-import WindiCSS from "vite-plugin-windicss";
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+import WindiCSS from 'vite-plugin-windicss';
 
 export default defineConfig({
   plugins: [
     solidPlugin(),
     WindiCSS({
       scan: {
-        fileExtensions: ["html", "js", "ts", "jsx", "tsx"],
+        fileExtensions: ['html', 'js', 'ts', 'jsx', 'tsx'],
       },
     }),
   ],
   build: {
-    target: "esnext",
+    target: 'esnext',
     polyfillDynamicImport: false,
   },
 });
diff --git a/ts/README.md b/ts/README.md
index 377400a..434f7bb 100644
--- a/ts/README.md
+++ b/ts/README.md
@@ -7,6 +7,7 @@ This is the reason you see a `pnpm-lock.yaml`. That being said, any package mana
 ```bash
 $ npm install # or pnpm install or yarn install
 ```
+
 ### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
 
 ## Available Scripts
diff --git a/ts/src/App.tsx b/ts/src/App.tsx
index 7cc90f7..a41d209 100644
--- a/ts/src/App.tsx
+++ b/ts/src/App.tsx
@@ -1,7 +1,7 @@
-import type { Component } from "solid-js";
+import type { Component } from 'solid-js';
 
-import logo from "./logo.svg";
-import styles from "./App.module.css";
+import logo from './logo.svg';
+import styles from './App.module.css';
 
 const App: Component = () => {
   return (
diff --git a/ts/src/index.css b/ts/src/index.css
index 4a1df4d..ec2585e 100644
--- a/ts/src/index.css
+++ b/ts/src/index.css
@@ -1,13 +1,13 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
diff --git a/ts/src/index.tsx b/ts/src/index.tsx
index 07dd377..f636fb3 100644
--- a/ts/src/index.tsx
+++ b/ts/src/index.tsx
@@ -1,6 +1,6 @@
-import { render } from "solid-js/web";
+import { render } from 'solid-js/web';
 
-import "./index.css";
-import App from "./App";
+import './index.css';
+import App from './App';
 
-render(() => , document.getElementById("root") as HTMLElement);
+render(() => , document.getElementById('root') as HTMLElement);
diff --git a/ts/vite.config.ts b/ts/vite.config.ts
index 31ca950..d52d794 100644
--- a/ts/vite.config.ts
+++ b/ts/vite.config.ts
@@ -1,10 +1,10 @@
-import { defineConfig } from "vite";
-import solidPlugin from "vite-plugin-solid";
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
 
 export default defineConfig({
   plugins: [solidPlugin()],
   build: {
-    target: "esnext",
+    target: 'esnext',
     polyfillDynamicImport: false,
   },
 });