talksik/solidjs-templates
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨 Run prettier on all files (fix #21)

Browse Source
This commit is contained in:
Alexandre Mouton-Brady
2021-12-24 22:42:17 +01:00
parent d8d2c5b2af
commit ccb0d1a718
38 changed files with 136 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/README.md
+1
View File
@@ -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
js/src/App.jsx
+2 -2
View File
@@ -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 (
js/src/index.css
+3 -3
View File
@@ -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;
}
js/src/index.jsx
+4 -4
View File
@@ -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'));
js/vite.config.js
+3 -3
View File
@@ -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,
},
});
ts-bootstrap/README.md
+1
View File
@@ -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
ts-bootstrap/src/App.tsx
+28 -28
View File
@@ -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 = () => {
<blockquote class="blockquote">
<p>A well-known quote, contained in a blockquote element.</p>
<footer class="blockquote-footer">
Someone famous in{" "}
Someone famous in{' '}
<cite title="Source Title">Source Title</cite>
</footer>
</blockquote>
@@ -1303,14 +1303,14 @@ const App: Component = () => {
<div class="accordion-body">
<strong>
This is the first item's accordion body.
</strong>{" "}
</strong>{' '}
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{' '}
<code>.accordion-body</code>, though the transition does
limit overflow.
</div>
@@ -1338,14 +1338,14 @@ const App: Component = () => {
<div class="accordion-body">
<strong>
This is the second item's accordion body.
</strong>{" "}
</strong>{' '}
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{' '}
<code>.accordion-body</code>, though the transition does
limit overflow.
</div>
@@ -1373,14 +1373,14 @@ const App: Component = () => {
<div class="accordion-body">
<strong>
This is the third item's accordion body.
</strong>{" "}
</strong>{' '}
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{' '}
<code>.accordion-body</code>, though the transition does
limit overflow.
</div>
@@ -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{' '}
<a
href="#"
onClick={(e) => 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{' '}
<a
href="#"
onClick={(e) => 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{' '}
<a
href="#"
onClick={(e) => 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{' '}
<a
href="#"
onClick={(e) => 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{' '}
<a
href="#"
onClick={(e) => 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{' '}
<a
href="#"
onClick={(e) => 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{' '}
<a
href="#"
onClick={(e) => 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{' '}
<a
href="#"
onClick={(e) => e.preventDefault()}
@@ -1603,15 +1603,15 @@ const App: Component = () => {
Example heading <span class="badge bg-danger">New</span>
</p>
<p class="h5">
Example heading{" "}
Example heading{' '}
<span class="badge bg-warning text-dark">New</span>
</p>
<p class="h6">
Example heading{" "}
Example heading{' '}
<span class="badge bg-info text-dark">New</span>
</p>
<p class="h6">
Example heading{" "}
Example heading{' '}
<span class="badge bg-light text-dark">New</span>
</p>
<p class="h6">
ts-bootstrap/src/cheatsheet.scss
+12 -12
View File
@@ -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),
ts-bootstrap/src/index.tsx
+5 -5
View File
@@ -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(() => <App />, document.getElementById("root") as HTMLElement);
render(() => <App />, document.getElementById('root') as HTMLElement);
ts-bootstrap/vite.config.ts
+3 -3
View File
@@ -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,
},
});
ts-minimal/README.md
+1
View File
@@ -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
ts-minimal/src/App.tsx
+1 -1
View File
@@ -1,4 +1,4 @@
import type { Component } from "solid-js";
import type { Component } from 'solid-js';
const App: Component = () => {
return <h1>Hello world!</h1>;
ts-minimal/src/index.tsx
+3 -4
View File
@@ -1,6 +1,5 @@
import { render } from "solid-js/web";
import { render } from 'solid-js/web';
import App from "./App";
render(() => <App />, document.getElementById("root") as HTMLElement);
import App from './App';
render(() => <App />, document.getElementById('root') as HTMLElement);
ts-minimal/vite.config.ts
+3 -3
View File
@@ -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,
},
});
ts-router/README.md
+1
View File
@@ -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
ts-router/src/app.tsx
+3 -3
View File
@@ -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();
ts-router/src/index.tsx
+5 -5
View File
@@ -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(
<App />
</Router>
),
document.getElementById("root") as HTMLElement
document.getElementById('root') as HTMLElement,
);
ts-router/src/pages/about.data.ts
+2 -2
View File
@@ -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',
};
};
ts-router/src/pages/about.tsx
+2 -2
View File
@@ -1,5 +1,5 @@
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();
ts-router/src/pages/home.tsx
+1 -1
View File
@@ -1,4 +1,4 @@
import { createSignal } from "solid-js";
import { createSignal } from 'solid-js';
export default function Home() {
const [count, setCount] = createSignal(0);
ts-router/src/routes.ts
+9 -9
View File
@@ -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')),
},
];
ts-router/tailwind.config.ts
+1 -1
View File
@@ -1,4 +1,4 @@
import { defineConfig } from "vite-plugin-windicss";
import { defineConfig } from 'vite-plugin-windicss';
export default defineConfig({
darkMode: false,
ts-router/vite.config.ts
+4 -4
View File
@@ -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,
},
});
ts-tailwindcss/README.md
+1
View File
@@ -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
ts-tailwindcss/postcss.config.js
+1 -1
View File
@@ -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: {},
ts-tailwindcss/src/App.tsx
+1 -1
View File
@@ -1,4 +1,4 @@
import type { Component } from "solid-js";
import type { Component } from 'solid-js';
const App: Component = () => {
return (
ts-tailwindcss/src/index.tsx
+4 -4
View File
@@ -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(() => <App />, document.getElementById("root") as HTMLElement);
render(() => <App />, document.getElementById('root') as HTMLElement);
ts-tailwindcss/vite.config.ts
+3 -3
View File
@@ -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,
},
});
ts-windicss/README.md
+1
View File
@@ -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
ts-windicss/src/App.tsx
+1 -1
View File
@@ -1,4 +1,4 @@
import type { Component } from "solid-js";
import type { Component } from 'solid-js';
const App: Component = () => {
return (
ts-windicss/src/index.tsx
+4 -4
View File
@@ -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(() => <App />, document.getElementById("root") as HTMLElement);
render(() => <App />, document.getElementById('root') as HTMLElement);
ts-windicss/vite.config.ts
+5 -5
View File
@@ -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,
},
});
ts/README.md
+1
View File
@@ -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
ts/src/App.tsx
+3 -3
View File
@@ -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 (
ts/src/index.css
+3 -3
View File
@@ -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;
}
ts/src/index.tsx
+4 -4
View File
@@ -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") as HTMLElement);
render(() => <App />, document.getElementById('root') as HTMLElement);
ts/vite.config.ts
+3 -3
View File
@@ -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,
},
});