@@ -1303,14 +1303,14 @@ const App: Component = () => {A well-known quote, contained in a blockquote element.
.accordion-body, though the transition does
limit overflow.
.accordion-body, though the transition does
limit overflow.
.accordion-body, though the transition does
limit overflow.
- 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(() =>
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(() =>