gyutogridsugar-starter

1. Install Gridsome CLI tool if you don't have

npm install --global @gridsome/cli

2. Create a Gridsome project

1. gridsome create my-gyuto-site to install default starter
2. cd my-gyuto-site to open the folder

3. Configure

1. Create Component page in Gyuto

2. Create Website in Gyuto->Einstellungen->Websites

3. Create Site Config in Gyuto->Einstellungen->Site Config

4. npx node_modules/@zuckersalzundpfeffer/gyuto-grid-sugar init

5. Questions? Read this https://gyuto.zuckersalzundpfeffer.de/

6. 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,
}