Updated readme & packages

README.md

@@ -6,21 +6,21 @@
 
 An opinionated starter template for a quick start with the following technologies up on a site after only 5 minutes!
 
-![NTN Boilerplate Screenshot](https://user-images.githubusercontent.com/770560/92640923-4a36fa80-f2de-11ea-8f96-a7bca7b1e0cc.png)
+![ntn-boilerplate-preview-dark](https://user-images.githubusercontent.com/770560/109560601-5dcc5c80-7adc-11eb-9eb8-98663294b6aa.png)
 
 ## 🔋 Batteries included
 
-- Vue 2
 - Nuxt.js (in "universal mode", where both SEO and speed is great)
+- Vue 2
 - Vuex (supported by adding to `/store`, but not implemented)
 - PostCSS (no SCSS)
 - Tailwind
 - PurgeCSS (removes unused CSS-selectors)
-- Dark mode & custom ColorModePicker (Set to "dark mode first")
+- Dark mode & ColorModePicker (Set to "dark mode first")
 - PWA (install website as standalone app)
 - Netlify CMS (no need for a separate server)
 - Prettier
-- Nuxt-content (w/ exensible support for markdown)
+- Nuxt-content (w/ exensible support for markdown and code-blocks)
 
 ##### Optional extra setup
 - Git LFS (store uploaded images outside the main repo)
@@ -97,15 +97,15 @@ npm run generate
 3. Change colors, favicon, content & content collections
 
    - Colors are managed in `assets/scss/_vars.scss` & `tailwind.config.js`
-   - Favicon is generated by [@nuxt/pwa](https://pwa.nuxtjs.org/). You should change the `static/icon.png` to something new, and then match the new filename and source in `nuxt.config.js` under `pwa.icon`
+   - Favicon is generated by [@nuxt/pwa](https://pwa.nuxtjs.org/). You should change the `static/icon.png` to something new, and then match the new filename and source in `nuxt.config.js` under `pwa.icon`. Replace the preview.jpg as well.
    - Content is managed mainly in [local Netlify CMS](http://localhost:3000/admin) by going to your `/admin`, in development mode by double-clicking on a post or by hand in `/content`
    - Content collections are managed in `static/admin/config.yml`
 
 4. Change font
 
    1. Add/change your font link in `nuxt.config.js` under `head.link`. You can add a `<link rel="stylesheet" href="font.css">` as `link: [{ rel: 'stylesheet', href: 'font.css' }]`, like [this](https://vue-meta.nuxtjs.org/api/#link)
    2. Then append your font name in `tailwind.config.js` under `theme.extend.fontFamily.sans` (or other). Like `sans: ['Inter', ...defaultTheme.fontFamily.sans]`
-   3. Then if you've installed the included netlify plugin "[Subfont](https://github.com/Munter/netlify-plugin-subfont#readme)", it will automatically post-processes your web page to use an optimal font loading strategy.
+   3. Then if you've uncommented the included netlify plugin "[Subfont](https://github.com/Munter/netlify-plugin-subfont#readme)" in `netlify.toml`, it will automatically post-processes your web page to use an optimal font loading strategy.
 
 ## More info
 
@@ -121,9 +121,6 @@ When you create your first account, _don’t_ sign up using OAuth, generate a ne
 
 Originally based on [Henry Desroches' nuxt-netlify-cms-starter](https://github.com/xdesro/nuxt-netlify-cms-starter).
 
-Deployed easily with their boilerplate via:
-[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/xdesro/nuxt-netlify-cms-starter&stack=cms)
-
 ---
 
 ## Troubleshooting

nuxt.config.js

@@ -139,7 +139,7 @@ export default {
       name: SITE_INFO.sitename || process.env.npm_package_name || '',
       lang: process.env.lang,
       ogHost: process.env.URL,
-      ogImage: '/ogp.jpg'
+      ogImage: '/preview.jpg'
     }
   }
 }

package.json

@@ -23,8 +23,8 @@
     "@nuxtjs/pwa": "^3.3.5",
     "@nuxtjs/svg": "^0.1.12",
     "@nuxtjs/tailwindcss": "^3.4.2",
-    "eslint": "^7.20.0",
-    "eslint-config-prettier": "^7.2.0",
+    "eslint": "^7.21.0",
+    "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-prettier": "^3.3.1",
     "netlify-cli": "^3.8.3",
     "nuxt-purgecss": "^1.0.0",