gyutogridsugar-starter
1. Install Gridsome CLI tool if you don't have
npm install --global @gridsome/cli
2. Create a Gridsome project
-
gridsome create my-gyuto-site
to install default starter -
cd my-gyuto-site
to open the folder
3. Configure
-
Create Component page in Gyuto
-
Create Website in Gyuto->Einstellungen->Websites
-
Create Site Config in Gyuto->Einstellungen->Site Config
-
npx node_modules/@zuckersalzundpfeffer/gyuto-grid-sugar init
-
Questions? Read this https://gyuto.zuckersalzundpfeffer.de/
-
OPTIONAL - Create own css theme file
// Example tailwind.config.js to show how to implement own css file
const fs = require('fs')
const plugin = require('tailwindcss/plugin')
module.exports = {
// Options
prefix: '',
important: false,
separator: ':',
theme: {
fontFamily: {
sans: ['Montserrat', 'sans-serif'],
},
},
variants: {},
plugins: [
// ...
require('postcss-import'),
// require('tailwindcss-dark-mode')(),
require('@tailwindcss/forms'),
plugin(function ({ addUtilities, postcss }) {
const css = fs.readFileSync('./assets/css/my-gyuto-theme.css', 'utf-8')
addUtilities(postcss.parse(css).nodes)
}),
],
purge: {
enabled: true,
content: [
`components/**/*.{vue,js}`,
`layouts/**/*.vue`,
`pages/**/*.vue`,
`plugins/**/*.{js,ts}`,
],
safelist: [
'h-80',
],
},
jit: true,
exposeConfig: false,
viewer: false,
}