diff --git a/.gitignore b/.gitignore
index d924dff..e3d2064 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,9 @@
*/package-lock.json
*/pnpm-lock.yaml
*/yarn.lock
+*/build/*
+*/dist/*
+*/out-tsc/*
# Ignore everywhere
._*
diff --git a/.prettierignore b/.prettierignore
index aa601b8..59ba35c 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,35 +1,13 @@
-# Ignore repository config
-/*.*
-/LICENSE
-
-# Ignore specific templates
-/bootstrap-5
-/egg
-/express-simple
-/graphql
-/gsap-*
-/json-graphql-server
-/json-server
-/koa
-/nextjs
-/nodemon
-/quasar
-/slidev
-/sveltekit
-/tres
+# Generated files
+**/package-lock.json
-# Ignore specific file formats
# Prettier formatting of HTML is questionable, let's skip it for now
**/*.html
+
# Skipping Markdown as well, as it may contain custom DSLs that Prettier doesn't handle well
**/*.md
**/*.mdx
+
# Maybe skip formatting templating languages too
**/*.svelte
**/*.vue
-
-# We maybe don't want to have those files in the first place?
-**/dist/*
-**/build/*
-**/.vscode/*
-**/package-lock.json
diff --git a/.prettierrc b/.prettierrc
index c8eb3ff..95e71aa 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -7,7 +7,7 @@
"plugins": ["prettier-plugin-svelte"],
"overrides": [
{
- "files": ["**/.stackblitzrc"],
+ "files": ["**/.prettierrc", "**/.stackblitzrc"],
"options": { "parser": "json" }
},
{
diff --git a/bootstrap-5/.gitignore b/bootstrap-5/.gitignore
new file mode 100644
index 0000000..de4d1f0
--- /dev/null
+++ b/bootstrap-5/.gitignore
@@ -0,0 +1,2 @@
+dist
+node_modules
diff --git a/bootstrap-5/.stackblitzrc b/bootstrap-5/.stackblitzrc
index b33ea61..cbbe389 100644
--- a/bootstrap-5/.stackblitzrc
+++ b/bootstrap-5/.stackblitzrc
@@ -1,3 +1,3 @@
{
"startCommand": "npm start"
-}
\ No newline at end of file
+}
diff --git a/bootstrap-5/dist/main.js b/bootstrap-5/dist/main.js
deleted file mode 100644
index 4dc92a9..0000000
--- a/bootstrap-5/dist/main.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-/******/ (() => { // webpackBootstrap
-/******/ var __webpack_modules__ = ({
-
-/***/ "./src/index.js":
-/*!**********************!*\
- !*** ./src/index.js ***!
- \**********************/
-/***/ (() => {
-
-eval("\n\n//# sourceURL=webpack://node-starter/./src/index.js?");
-
-/***/ })
-
-/******/ });
-/************************************************************************/
-/******/
-/******/ // startup
-/******/ // Load entry module and return exports
-/******/ // This entry module can't be inlined because the eval devtool is used.
-/******/ var __webpack_exports__ = {};
-/******/ __webpack_modules__["./src/index.js"]();
-/******/
-/******/ })()
-;
\ No newline at end of file
diff --git a/bootstrap-5/src/styles.scss b/bootstrap-5/src/styles.scss
index b5c358e..f0c6554 100644
--- a/bootstrap-5/src/styles.scss
+++ b/bootstrap-5/src/styles.scss
@@ -2,4 +2,4 @@
// $secondary: #e8d21d;
// $border-radius: 1px;
-@import "../node_modules/bootstrap/scss/bootstrap";
+@import '../node_modules/bootstrap/scss/bootstrap';
diff --git a/bootstrap-5/webpack.config.js b/bootstrap-5/webpack.config.js
index 5180914..50f2a5c 100644
--- a/bootstrap-5/webpack.config.js
+++ b/bootstrap-5/webpack.config.js
@@ -6,12 +6,9 @@ module.exports = {
devServer: {
open: 'google-chrome',
port: 9000,
- contentBase: [
- path.join(__dirname, 'src'),
- path.join(__dirname, 'dist'),
- ],
+ contentBase: [path.join(__dirname, 'src'), path.join(__dirname, 'dist')],
watchContentBase: true,
- liveReload: true
+ liveReload: true,
},
module: {
rules: [
@@ -19,19 +16,19 @@ module.exports = {
test: /\.scss$/i,
use: [
// Creates `style` nodes from JS strings
- "style-loader",
+ 'style-loader',
// Translates CSS into CommonJS
- "css-loader",
+ 'css-loader',
// Compiles Sass to CSS
{
- loader: "sass-loader",
+ loader: 'sass-loader',
options: {
// Prefer `dart-sass`
- implementation: require.resolve("sass"),
+ implementation: require.resolve('sass'),
},
},
],
},
],
},
-};
\ No newline at end of file
+};
diff --git a/egg/.stackblitzrc b/egg/.stackblitzrc
index a8c490e..5490eb1 100644
--- a/egg/.stackblitzrc
+++ b/egg/.stackblitzrc
@@ -1,4 +1,4 @@
{
"installDependencies": true,
"startCommand": "npm start"
-}
\ No newline at end of file
+}
diff --git a/egg/app/router.js b/egg/app/router.js
index 59af36d..6b920a8 100644
--- a/egg/app/router.js
+++ b/egg/app/router.js
@@ -1,7 +1,7 @@
/**
* @param {Egg.Application} app - egg application
*/
-module.exports = app => {
+module.exports = (app) => {
const { router, controller } = app;
router.get('/', controller.home.index);
};
diff --git a/egg/config/config.default.js b/egg/config/config.default.js
index 1a303a7..cb07b81 100644
--- a/egg/config/config.default.js
+++ b/egg/config/config.default.js
@@ -1,7 +1,7 @@
/**
* @param {Egg.EggAppInfo} appInfo app info
*/
-module.exports = appInfo => {
+module.exports = (appInfo) => {
/**
* built-in config
* @type {Egg.EggAppConfig}
@@ -15,8 +15,8 @@ module.exports = appInfo => {
defaultViewEngine: 'nunjucks',
mapping: {
'.nj': 'nunjucks',
- '.tpl': 'nunjucks'
- }
+ '.tpl': 'nunjucks',
+ },
};
return config;
diff --git a/egg/config/config.local.js b/egg/config/config.local.js
index df48591..994aa34 100644
--- a/egg/config/config.local.js
+++ b/egg/config/config.local.js
@@ -1,5 +1,5 @@
exports.security = {
xframe: {
- enable: false
- }
+ enable: false,
+ },
};
diff --git a/egg/config/plugin.js b/egg/config/plugin.js
index 7ee6723..53f4ec4 100644
--- a/egg/config/plugin.js
+++ b/egg/config/plugin.js
@@ -2,6 +2,6 @@
module.exports = {
nunjucks: {
enable: true,
- package: 'egg-view-nunjucks'
- }
+ package: 'egg-view-nunjucks',
+ },
};
diff --git a/egg/index.js b/egg/index.js
index 19beafb..e9c3ff6 100644
--- a/egg/index.js
+++ b/egg/index.js
@@ -4,12 +4,12 @@ egg
.start({
workers: 1,
port: 3000,
- mode: 'single'
+ mode: 'single',
})
- .then(app => {
+ .then((app) => {
app.listen(3000);
console.log('listen 3000');
})
- .catch(err => {
+ .catch((err) => {
console.error(err);
});
diff --git a/express-simple/.stackblitzrc b/express-simple/.stackblitzrc
index b33ea61..cbbe389 100644
--- a/express-simple/.stackblitzrc
+++ b/express-simple/.stackblitzrc
@@ -1,3 +1,3 @@
{
"startCommand": "npm start"
-}
\ No newline at end of file
+}
diff --git a/express-simple/static/style.css b/express-simple/static/style.css
index 273bc18..ade3645 100644
--- a/express-simple/static/style.css
+++ b/express-simple/static/style.css
@@ -1,3 +1,3 @@
-h1 {
- font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
-}
+h1 {
+ font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+}
diff --git a/graphql/.stackblitzrc b/graphql/.stackblitzrc
index b003db7..9c35349 100644
--- a/graphql/.stackblitzrc
+++ b/graphql/.stackblitzrc
@@ -1,4 +1,4 @@
{
"installDependencies": true,
"startCommand": "npx nodemon server.js"
-}
\ No newline at end of file
+}
diff --git a/graphql/index.js b/graphql/index.js
index 95feb56..7683f31 100644
--- a/graphql/index.js
+++ b/graphql/index.js
@@ -13,7 +13,7 @@ var schema = buildSchema(`
var root = {
hello: () => {
return 'Hello, world!';
- }
+ },
};
var app = express();
@@ -22,7 +22,7 @@ app.use(
graphqlHTTP({
schema: schema,
rootValue: root,
- graphiql: true
+ graphiql: true,
})
);
app.listen(4000);
diff --git a/graphql/package.json b/graphql/package.json
index bbfceb8..0e76f29 100644
--- a/graphql/package.json
+++ b/graphql/package.json
@@ -1,11 +1,11 @@
{
- "name": "node-app",
- "version": "0.0.0",
- "scripts": {},
- "dependencies": {
- "express": "^4.17.1",
- "express-graphql": "^0.12.0",
- "graphql": "^15.5.0",
- "nodemon": "^2.0.7"
- }
+ "name": "node-app",
+ "version": "0.0.0",
+ "scripts": {},
+ "dependencies": {
+ "express": "^4.17.1",
+ "express-graphql": "^0.12.0",
+ "graphql": "^15.5.0",
+ "nodemon": "^2.0.7"
+ }
}
diff --git a/gsap-next/pages/_app.js b/gsap-next/pages/_app.js
index 1e1cec9..244e40b 100644
--- a/gsap-next/pages/_app.js
+++ b/gsap-next/pages/_app.js
@@ -1,7 +1,7 @@
-import '../styles/globals.css'
+import '../styles/globals.css';
function MyApp({ Component, pageProps }) {
- return
+ return ;
}
-export default MyApp
+export default MyApp;
diff --git a/gsap-react/package.json b/gsap-react/package.json
index c1c3dae..3ff21b5 100644
--- a/gsap-react/package.json
+++ b/gsap-react/package.json
@@ -16,4 +16,4 @@
"devDependencies": {
"react-scripts": "latest"
}
-}
\ No newline at end of file
+}
diff --git a/gsap-react/src/style.css b/gsap-react/src/style.css
index f31a58f..503a013 100644
--- a/gsap-react/src/style.css
+++ b/gsap-react/src/style.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Signika+Negative:wght@400;600&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@400;600&display=swap');
* {
margin: 0;
@@ -474,7 +474,7 @@ button {
-moz-border-radius: 4;
border-radius: 4px;
padding: 12px 25px;
- font-family: "Signika Negative", sans-serif;
+ font-family: 'Signika Negative', sans-serif;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
@@ -497,7 +497,7 @@ body {
height: 100%;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
- font-family: "Signika Negative", sans-serif, Arial;
+ font-family: 'Signika Negative', sans-serif, Arial;
}
.panel {
@@ -585,7 +585,7 @@ body {
height: auto;
background-color: var(--dark);
color: var(--light);
- font-family: "Signika Negative", sans-serif;
+ font-family: 'Signika Negative', sans-serif;
}
.header {
diff --git a/gsap-svelte/src/app.css b/gsap-svelte/src/app.css
index 33a753e..ab0b6e5 100644
--- a/gsap-svelte/src/app.css
+++ b/gsap-svelte/src/app.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Signika+Negative:wght@400;600&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@400;600&display=swap');
* {
margin: 0;
@@ -112,256 +112,346 @@
.gray {
background-color: #777;
- background-image: radial-gradient(circle at 47% 14%,
+ background-image: radial-gradient(
+ circle at 47% 14%,
rgba(205, 205, 205, 0.04) 0%,
rgba(205, 205, 205, 0.04) 43%,
transparent 43%,
- transparent 100%),
- radial-gradient(circle at 35% 12%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 35% 12%,
rgba(215, 215, 215, 0.04) 0%,
rgba(215, 215, 215, 0.04) 4%,
transparent 4%,
- transparent 100%),
- radial-gradient(circle at 1% 35%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 1% 35%,
rgba(24, 24, 24, 0.04) 0%,
rgba(24, 24, 24, 0.04) 37%,
transparent 37%,
- transparent 100%),
- radial-gradient(circle at 21% 1%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 21% 1%,
rgba(0, 0, 0, 0.04) 0%,
rgba(0, 0, 0, 0.04) 26%,
transparent 26%,
- transparent 100%),
- radial-gradient(circle at 23% 82%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 23% 82%,
rgba(249, 249, 249, 0.04) 0%,
rgba(249, 249, 249, 0.04) 60%,
transparent 60%,
- transparent 100%),
- radial-gradient(circle at 11% 54%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 11% 54%,
rgba(251, 251, 251, 0.04) 0%,
rgba(251, 251, 251, 0.04) 23%,
transparent 23%,
- transparent 100%),
- radial-gradient(circle at 69% 68%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 69% 68%,
rgba(234, 234, 234, 0.04) 0%,
rgba(234, 234, 234, 0.04) 10%,
transparent 10%,
- transparent 100%),
+ transparent 100%
+ ),
linear-gradient(90deg, #777, #606060);
}
.blue {
background-color: #2c7ad2;
- background-image: radial-gradient(circle at 47% 14%,
+ background-image: radial-gradient(
+ circle at 47% 14%,
rgba(205, 205, 205, 0.04) 0%,
rgba(205, 205, 205, 0.04) 43%,
transparent 43%,
- transparent 100%),
- radial-gradient(circle at 35% 12%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 35% 12%,
rgba(215, 215, 215, 0.04) 0%,
rgba(215, 215, 215, 0.04) 4%,
transparent 4%,
- transparent 100%),
- radial-gradient(circle at 1% 35%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 1% 35%,
rgba(24, 24, 24, 0.04) 0%,
rgba(24, 24, 24, 0.04) 37%,
transparent 37%,
- transparent 100%),
- radial-gradient(circle at 21% 1%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 21% 1%,
rgba(0, 0, 0, 0.04) 0%,
rgba(0, 0, 0, 0.04) 26%,
transparent 26%,
- transparent 100%),
- radial-gradient(circle at 23% 82%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 23% 82%,
rgba(249, 249, 249, 0.04) 0%,
rgba(249, 249, 249, 0.04) 60%,
transparent 60%,
- transparent 100%),
- radial-gradient(circle at 11% 54%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 11% 54%,
rgba(251, 251, 251, 0.04) 0%,
rgba(251, 251, 251, 0.04) 23%,
transparent 23%,
- transparent 100%),
- radial-gradient(circle at 69% 68%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 69% 68%,
rgba(234, 234, 234, 0.04) 0%,
rgba(234, 234, 234, 0.04) 10%,
transparent 10%,
- transparent 100%),
+ transparent 100%
+ ),
linear-gradient(90deg, #2c7ad2, #1568c6);
}
.orange {
background-color: #e77614;
- background-image: radial-gradient(circle at 46% 40%,
+ background-image: radial-gradient(
+ circle at 46% 40%,
rgba(228, 228, 228, 0.06) 0%,
rgba(228, 228, 228, 0.06) 13%,
transparent 13%,
- transparent 100%),
- radial-gradient(circle at 11% 41%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 11% 41%,
rgba(198, 198, 198, 0.06) 0%,
rgba(198, 198, 198, 0.06) 19%,
transparent 19%,
- transparent 100%),
- radial-gradient(circle at 52% 23%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 52% 23%,
rgba(14, 14, 14, 0.06) 0%,
rgba(14, 14, 14, 0.06) 69%,
transparent 69%,
- transparent 100%),
- radial-gradient(circle at 13% 85%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 13% 85%,
rgba(148, 148, 148, 0.06) 0%,
rgba(148, 148, 148, 0.06) 44%,
transparent 44%,
- transparent 100%),
- radial-gradient(circle at 57% 74%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 57% 74%,
rgba(232, 232, 232, 0.06) 0%,
rgba(232, 232, 232, 0.06) 21%,
transparent 21%,
- transparent 100%),
- radial-gradient(circle at 59% 54%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 59% 54%,
rgba(39, 39, 39, 0.06) 0%,
rgba(39, 39, 39, 0.06) 49%,
transparent 49%,
- transparent 100%),
- radial-gradient(circle at 98% 38%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 98% 38%,
rgba(157, 157, 157, 0.06) 0%,
rgba(157, 157, 157, 0.06) 24%,
transparent 24%,
- transparent 100%),
- radial-gradient(circle at 8% 6%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 8% 6%,
rgba(60, 60, 60, 0.06) 0%,
rgba(60, 60, 60, 0.06) 12%,
transparent 12%,
- transparent 100%),
+ transparent 100%
+ ),
linear-gradient(90deg, #ff7600, #ff7600);
}
.red {
background-color: #c82736;
- background-image: radial-gradient(circle at 19% 90%,
+ background-image: radial-gradient(
+ circle at 19% 90%,
rgba(190, 190, 190, 0.04) 0%,
rgba(190, 190, 190, 0.04) 17%,
transparent 17%,
- transparent 100%),
- radial-gradient(circle at 73% 2%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 73% 2%,
rgba(78, 78, 78, 0.04) 0%,
rgba(78, 78, 78, 0.04) 94%,
transparent 94%,
- transparent 100%),
- radial-gradient(circle at 45% 2%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 45% 2%,
rgba(18, 18, 18, 0.04) 0%,
rgba(18, 18, 18, 0.04) 55%,
transparent 55%,
- transparent 100%),
- radial-gradient(circle at 76% 60%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 76% 60%,
rgba(110, 110, 110, 0.04) 0%,
rgba(110, 110, 110, 0.04) 34%,
transparent 34%,
- transparent 100%),
- radial-gradient(circle at 68% 56%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 68% 56%,
rgba(246, 246, 246, 0.04) 0%,
rgba(246, 246, 246, 0.04) 16%,
transparent 16%,
- transparent 100%),
- radial-gradient(circle at 71% 42%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 71% 42%,
rgba(156, 156, 156, 0.04) 0%,
rgba(156, 156, 156, 0.04) 47%,
transparent 47%,
- transparent 100%),
- radial-gradient(circle at 46% 82%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 46% 82%,
rgba(247, 247, 247, 0.04) 0%,
rgba(247, 247, 247, 0.04) 39%,
transparent 39%,
- transparent 100%),
- radial-gradient(circle at 50% 47%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 50% 47%,
rgba(209, 209, 209, 0.04) 0%,
rgba(209, 209, 209, 0.04) 45%,
transparent 45%,
- transparent 100%),
+ transparent 100%
+ ),
linear-gradient(90deg, #e53949, #cc2232);
}
.purple {
background-color: #8d3dae;
- background-image: radial-gradient(circle at 47% 14%,
+ background-image: radial-gradient(
+ circle at 47% 14%,
rgba(205, 205, 205, 0.04) 0%,
rgba(205, 205, 205, 0.04) 43%,
transparent 43%,
- transparent 100%),
- radial-gradient(circle at 35% 12%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 35% 12%,
rgba(215, 215, 215, 0.04) 0%,
rgba(215, 215, 215, 0.04) 4%,
transparent 4%,
- transparent 100%),
- radial-gradient(circle at 1% 35%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 1% 35%,
rgba(24, 24, 24, 0.04) 0%,
rgba(24, 24, 24, 0.04) 37%,
transparent 37%,
- transparent 100%),
- radial-gradient(circle at 21% 1%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 21% 1%,
rgba(0, 0, 0, 0.04) 0%,
rgba(0, 0, 0, 0.04) 26%,
transparent 26%,
- transparent 100%),
- radial-gradient(circle at 23% 82%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 23% 82%,
rgba(249, 249, 249, 0.04) 0%,
rgba(249, 249, 249, 0.04) 60%,
transparent 60%,
- transparent 100%),
- radial-gradient(circle at 11% 54%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 11% 54%,
rgba(251, 251, 251, 0.04) 0%,
rgba(251, 251, 251, 0.04) 23%,
transparent 23%,
- transparent 100%),
- radial-gradient(circle at 69% 68%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 69% 68%,
rgba(234, 234, 234, 0.04) 0%,
rgba(234, 234, 234, 0.04) 10%,
transparent 10%,
- transparent 100%),
+ transparent 100%
+ ),
linear-gradient(90deg, #8d3dae, #8d3dae);
}
.green {
background-color: #28a92b;
- background-image: radial-gradient(circle at 46% 40%,
+ background-image: radial-gradient(
+ circle at 46% 40%,
rgba(228, 228, 228, 0.06) 0%,
rgba(228, 228, 228, 0.06) 13%,
transparent 13%,
- transparent 100%),
- radial-gradient(circle at 11% 41%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 11% 41%,
rgba(198, 198, 198, 0.06) 0%,
rgba(198, 198, 198, 0.06) 19%,
transparent 19%,
- transparent 100%),
- radial-gradient(circle at 52% 23%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 52% 23%,
rgba(14, 14, 14, 0.06) 0%,
rgba(14, 14, 14, 0.06) 69%,
transparent 69%,
- transparent 100%),
- radial-gradient(circle at 13% 85%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 13% 85%,
rgba(148, 148, 148, 0.06) 0%,
rgba(148, 148, 148, 0.06) 44%,
transparent 44%,
- transparent 100%),
- radial-gradient(circle at 57% 74%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 57% 74%,
rgba(232, 232, 232, 0.06) 0%,
rgba(232, 232, 232, 0.06) 21%,
transparent 21%,
- transparent 100%),
- radial-gradient(circle at 59% 54%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 59% 54%,
rgba(39, 39, 39, 0.06) 0%,
rgba(39, 39, 39, 0.06) 49%,
transparent 49%,
- transparent 100%),
- radial-gradient(circle at 98% 38%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 98% 38%,
rgba(157, 157, 157, 0.06) 0%,
rgba(157, 157, 157, 0.06) 24%,
transparent 24%,
- transparent 100%),
- radial-gradient(circle at 8% 6%,
+ transparent 100%
+ ),
+ radial-gradient(
+ circle at 8% 6%,
rgba(60, 60, 60, 0.06) 0%,
rgba(60, 60, 60, 0.06) 12%,
transparent 12%,
- transparent 100%),
+ transparent 100%
+ ),
linear-gradient(90deg, #28a92b, #10a614);
}
@@ -371,9 +461,11 @@ button {
border: none;
padding: 8px 14px;
background: var(--light);
- background-image: linear-gradient(to bottom,
- hsl(0deg 0% 100%),
- hsl(0deg 0% 94%));
+ background-image: linear-gradient(
+ to bottom,
+ hsl(0deg 0% 100%),
+ hsl(0deg 0% 94%)
+ );
-webkit-box-shadow: 0px 1px 0px #414141;
-moz-box-shadow: 0px 1px 0px #414141;
box-shadow: 0px 1px 0px #414141;
@@ -383,7 +475,7 @@ button {
-moz-border-radius: 4;
border-radius: 4px;
padding: 12px 25px;
- font-family: "Signika Negative", sans-serif;
+ font-family: 'Signika Negative', sans-serif;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
@@ -406,7 +498,7 @@ body {
height: 100%;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
- font-family: "Signika Negative", sans-serif, Arial;
+ font-family: 'Signika Negative', sans-serif, Arial;
}
.panel {
@@ -494,7 +586,7 @@ body {
height: auto;
background-color: var(--dark);
color: var(--light);
- font-family: "Signika Negative", sans-serif;
+ font-family: 'Signika Negative', sans-serif;
}
.header {
@@ -585,4 +677,4 @@ nav li a:hover {
font-size: 24px;
text-align: center;
line-height: 100px;
-}
\ No newline at end of file
+}
diff --git a/gsap-svelte/vite.config.js b/gsap-svelte/vite.config.js
index d701969..e3a889f 100644
--- a/gsap-svelte/vite.config.js
+++ b/gsap-svelte/vite.config.js
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [svelte()],
-})
+});
diff --git a/gsap-vue/src/main.js b/gsap-vue/src/main.js
index 2425c0f..f8c23e4 100644
--- a/gsap-vue/src/main.js
+++ b/gsap-vue/src/main.js
@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { createApp } from 'vue';
+import './style.css';
+import App from './App.vue';
-createApp(App).mount('#app')
+createApp(App).mount('#app');
diff --git a/gsap-vue/vite.config.js b/gsap-vue/vite.config.js
index 05c1740..6405595 100644
--- a/gsap-vue/vite.config.js
+++ b/gsap-vue/vite.config.js
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
-})
+});
diff --git a/json-graphql-server/.stackblitzrc b/json-graphql-server/.stackblitzrc
index b33ea61..cbbe389 100644
--- a/json-graphql-server/.stackblitzrc
+++ b/json-graphql-server/.stackblitzrc
@@ -1,3 +1,3 @@
{
"startCommand": "npm start"
-}
\ No newline at end of file
+}
diff --git a/json-graphql-server/db.js b/json-graphql-server/db.js
index f4e310d..0a3f79c 100644
--- a/json-graphql-server/db.js
+++ b/json-graphql-server/db.js
@@ -1,21 +1,24 @@
module.exports = {
posts: [
{ id: 1, title: 'Lorem Ipsum', views: 254, user_id: 123 },
- { id: 2, title: 'Sic Dolor amet', views: 65, user_id: 456 }
+ { id: 2, title: 'Sic Dolor amet', views: 65, user_id: 456 },
+ ],
+ users: [
+ { id: 123, name: 'John Doe' },
+ { id: 456, name: 'Jane Doe' },
],
- users: [{ id: 123, name: 'John Doe' }, { id: 456, name: 'Jane Doe' }],
comments: [
{
id: 987,
post_id: 1,
body: 'Consectetur adipiscing elit',
- date: new Date('2017-07-03')
+ date: new Date('2017-07-03'),
},
{
id: 995,
post_id: 1,
body: 'Nam molestie pellentesque dui',
- date: new Date('2017-08-17')
- }
- ]
+ date: new Date('2017-08-17'),
+ },
+ ],
};
diff --git a/json-server/db.json b/json-server/db.json
index f2ae48d..3700109 100644
--- a/json-server/db.json
+++ b/json-server/db.json
@@ -16,4 +16,4 @@
"profile": {
"name": "typicode"
}
-}
\ No newline at end of file
+}
diff --git a/json-server/index.js b/json-server/index.js
index a22c563..79f6d7c 100644
--- a/json-server/index.js
+++ b/json-server/index.js
@@ -1,5 +1,12 @@
const url = 'https://json-server--3000.local.webcontainer.io/comments';
fetch(url)
- .then(r => r.json())
- .then(json => (document.getElementById('output').innerHTML = JSON.stringify(json, null, 2)));
+ .then((r) => r.json())
+ .then(
+ (json) =>
+ (document.getElementById('output').innerHTML = JSON.stringify(
+ json,
+ null,
+ 2
+ ))
+ );
diff --git a/koa/index.js b/koa/index.js
index 51a6ef3..ff6e56a 100644
--- a/koa/index.js
+++ b/koa/index.js
@@ -8,7 +8,7 @@ const app = new Koa();
app.use(logger());
-const helloWorld = ctx => {
+const helloWorld = (ctx) => {
ctx.body = 'Hello World!!!';
};
diff --git a/nextjs/pages/_app.js b/nextjs/pages/_app.js
index 1e1cec9..244e40b 100644
--- a/nextjs/pages/_app.js
+++ b/nextjs/pages/_app.js
@@ -1,7 +1,7 @@
-import '../styles/globals.css'
+import '../styles/globals.css';
function MyApp({ Component, pageProps }) {
- return
+ return ;
}
-export default MyApp
+export default MyApp;
diff --git a/nodemon/index.js b/nodemon/index.js
index 2ea62ac..2683bb7 100644
--- a/nodemon/index.js
+++ b/nodemon/index.js
@@ -1,4 +1,4 @@
console.log(`
Your random number is: ${Math.random()}
(edit any file to auto-restart this script)
-`)
\ No newline at end of file
+`);
diff --git a/nodemon/run.js b/nodemon/run.js
index 1fff8ae..ef32f2e 100644
--- a/nodemon/run.js
+++ b/nodemon/run.js
@@ -6,4 +6,4 @@ nodemon({ script: 'index.js' })
.on('quit', () => {
console.log('App has quit');
process.exit();
- });
\ No newline at end of file
+ });
diff --git a/package.json b/package.json
index 1c00dcc..8eb5ae8 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,9 @@
"name": "stackblitz-starters",
"private": true,
"scripts": {
- "format": "prettier --write '**/*'",
- "format:check": "prettier --check '**/*'"
+ "format:base": "prettier '**/*.{css,scss,json,js,jsx,mjs,cjs,ts,tsx}' '**/.{prettierrc,stackblitzrc}'",
+ "format:check": "npm run format:base -- --check",
+ "format:write": "npm run format:base -- --write"
},
"devDependencies": {
"prettier": "^2.8.8",
diff --git a/quasar/.prettierrc b/quasar/.prettierrc
deleted file mode 100644
index 5e59eca..0000000
--- a/quasar/.prettierrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "singleQuote": true
-}
diff --git a/quasar/.stackblitzrc b/quasar/.stackblitzrc
index 70f0dbb..09e22c0 100644
--- a/quasar/.stackblitzrc
+++ b/quasar/.stackblitzrc
@@ -1,3 +1,3 @@
-{
- "startCommand": "npm run dev"
-}
+{
+ "startCommand": "npm run dev"
+}
diff --git a/slidev/.stackblitzrc b/slidev/.stackblitzrc
index fc46b05..d98146f 100644
--- a/slidev/.stackblitzrc
+++ b/slidev/.stackblitzrc
@@ -1,4 +1,4 @@
{
"installDependencies": true,
"startCommand": "npm run dev"
-}
\ No newline at end of file
+}
diff --git a/sveltekit/.stackblitzrc b/sveltekit/.stackblitzrc
index 749cfae..09e22c0 100644
--- a/sveltekit/.stackblitzrc
+++ b/sveltekit/.stackblitzrc
@@ -1,3 +1,3 @@
{
"startCommand": "npm run dev"
-}
\ No newline at end of file
+}
diff --git a/sveltekit/package.json b/sveltekit/package.json
index d08d166..39d83a6 100644
--- a/sveltekit/package.json
+++ b/sveltekit/package.json
@@ -1,21 +1,21 @@
{
- "name": "my-app",
- "version": "0.0.1",
- "private": true,
- "scripts": {
- "dev": "vite dev",
- "build": "vite build",
- "preview": "vite preview",
- "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
- },
- "devDependencies": {
- "@sveltejs/adapter-auto": "^2.0.0",
- "@sveltejs/kit": "^1.20.4",
- "svelte": "^4.0.0",
- "svelte-check": "^3.4.3",
- "typescript": "^5.0.0",
- "vite": "^4.3.6"
- },
- "type": "module"
+ "name": "my-app",
+ "version": "0.0.1",
+ "private": true,
+ "scripts": {
+ "dev": "vite dev",
+ "build": "vite build",
+ "preview": "vite preview",
+ "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
+ },
+ "devDependencies": {
+ "@sveltejs/adapter-auto": "^2.0.0",
+ "@sveltejs/kit": "^1.20.4",
+ "svelte": "^4.0.0",
+ "svelte-check": "^3.4.3",
+ "typescript": "^5.0.0",
+ "vite": "^4.3.6"
+ },
+ "type": "module"
}
diff --git a/sveltekit/src/app.d.ts b/sveltekit/src/app.d.ts
index f59b884..899c7e8 100644
--- a/sveltekit/src/app.d.ts
+++ b/sveltekit/src/app.d.ts
@@ -1,12 +1,12 @@
// See https://kit.svelte.dev/docs/types#app
// for information about these interfaces
declare global {
- namespace App {
- // interface Error {}
- // interface Locals {}
- // interface PageData {}
- // interface Platform {}
- }
+ namespace App {
+ // interface Error {}
+ // interface Locals {}
+ // interface PageData {}
+ // interface Platform {}
+ }
}
export {};
diff --git a/sveltekit/svelte.config.js b/sveltekit/svelte.config.js
index 348fa32..65e74c4 100644
--- a/sveltekit/svelte.config.js
+++ b/sveltekit/svelte.config.js
@@ -2,12 +2,12 @@ import adapter from '@sveltejs/adapter-auto';
/** @type {import('@sveltejs/kit').Config} */
const config = {
- kit: {
- // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
- // If your environment is not supported or you settled on a specific environment, switch out the adapter.
- // See https://kit.svelte.dev/docs/adapters for more information about adapters.
- adapter: adapter()
- }
+ kit: {
+ // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+ // If your environment is not supported or you settled on a specific environment, switch out the adapter.
+ // See https://kit.svelte.dev/docs/adapters for more information about adapters.
+ adapter: adapter(),
+ },
};
export default config;
diff --git a/sveltekit/vite.config.js b/sveltekit/vite.config.js
index bbf8c7d..2e920e4 100644
--- a/sveltekit/vite.config.js
+++ b/sveltekit/vite.config.js
@@ -2,5 +2,5 @@ import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
export default defineConfig({
- plugins: [sveltekit()]
+ plugins: [sveltekit()],
});
diff --git a/tres/.stackblitzrc b/tres/.stackblitzrc
index fc46b05..d98146f 100644
--- a/tres/.stackblitzrc
+++ b/tres/.stackblitzrc
@@ -1,4 +1,4 @@
{
"installDependencies": true,
"startCommand": "npm run dev"
-}
\ No newline at end of file
+}
diff --git a/tres/src/main.ts b/tres/src/main.ts
index 499b10e..2337bac 100644
--- a/tres/src/main.ts
+++ b/tres/src/main.ts
@@ -1,7 +1,7 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { createApp } from 'vue';
+import './style.css';
+import App from './App.vue';
-const app = createApp(App)
+const app = createApp(App);
-app.mount('#app')
+app.mount('#app');
diff --git a/tres/vite.config.ts b/tres/vite.config.ts
index edb6533..a86c53b 100644
--- a/tres/vite.config.ts
+++ b/tres/vite.config.ts
@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import glsl from 'vite-plugin-glsl'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import glsl from 'vite-plugin-glsl';
// https://vitejs.dev/config/
export default defineConfig({
@@ -8,10 +8,12 @@ export default defineConfig({
vue({
template: {
compilerOptions: {
- isCustomElement: tag => (tag.startsWith('Tres') && tag !== 'TresCanvas') || tag === 'primitive',
+ isCustomElement: (tag) =>
+ (tag.startsWith('Tres') && tag !== 'TresCanvas') ||
+ tag === 'primitive',
},
},
}),
glsl(),
],
-})
+});