chore(docs): support definition of image sizes

Author: juliomrqz

packages/docs/package.json

@@ -31,6 +31,8 @@
   "homepage": "https://docs.statusfy.co",
   "devDependencies": {
     "@statusfy/common": "^0.0.1-alpha.1",
+    "markdown-it-block-image": "0.0.3",
+    "markdown-it-imsize": "^2.0.1",
     "vuepress": "^0.14.4"
   }
 }

packages/docs/src/.vuepress/config.js

@@ -9,6 +9,15 @@ module.exports = {
   postcss: {
     puglins: postcss.plugins()
   },
+  markdown: {
+    config: md => {
+      md.use(require('markdown-it-imsize'));
+      md.use(require("markdown-it-block-image"), {
+        outputContainer: 'p',
+        containerClassName: 'img-container'
+      });
+    }
+  },
   head: [
     ['link', { rel: 'manifest', href: '/manifest.json' }],
     ['link', { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/assets/icons/favicon-16x16.png' }],

packages/docs/src/.vuepress/style.styl

@@ -13,3 +13,6 @@
 
 .sidebar
   background-color #fafbfc !important
+
+.img-container
+  text-align: center

packages/docs/src/es/guide/README.md

@@ -6,7 +6,7 @@ Esta documentación está en desarrollo
 
 
 
-![An image](/assets/img/statusfy-home-es.png)
+![Página de Inicio de Statusfy](/assets/img/statusfy-home-es.png =1280x829)
 
 ## How It Works
 

packages/docs/src/guide/README.md

@@ -2,7 +2,7 @@
 
 Statusfy is a simple open source Status Page system designed to be built and maintained with minimum effort. You can easily create a fast Status Page Website either [**Static Generated**](../guide/deploy.md#static-generated) or [**Server Rendered**](../guide/deploy.md#server-rendered) and easily deploy it to a variety of [hosting services](../guide/deploy.md#services).
 
-![An image](/assets/img/statusfy-home-en.png)
+![Statusfy Homepage](/assets/img/statusfy-home-en.png =1280x829)
 
 ## How It Works
 
@@ -32,6 +32,6 @@ Statusfy is still a work in progress. There are a few things that are not curren
 - RSS
 - Plugins support
 - Custom Themes support
-- Different Data Sources: MySQL, PostgreSQL, NoSQL alternatives, etc.
+- Different Data Sources: MySQL, PostgreSQL, SQLite, etc.
 
 [Contributions are welcome!](https://github.com/bazzite/statusfy)

yarn.lock

@@ -9624,6 +9624,11 @@ markdown-it-anchor@^5.0.2:
   resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-5.0.2.tgz#cdd917a05b7bf92fb736a6dae3385c6d0d0fa552"
   integrity sha512-AFM/woBI8QDJMS/9+MmsBMT5/AR+ImfOsunQZTZhzcTmna3rIzAzbOh5E0l6mlFM/i9666BpUtkqQ9bS7WApCg==
 
+markdown-it-block-image@0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/markdown-it-block-image/-/markdown-it-block-image-0.0.3.tgz#d3fe650ebf2215ea2c7afb577b394e5f7ffc12ca"
+  integrity sha1-0/5lDr8iFeosevtXezlOX3/8Eso=
+
 markdown-it-container@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/markdown-it-container/-/markdown-it-container-2.0.0.tgz#0019b43fd02eefece2f1960a2895fba81a404695"
@@ -9634,6 +9639,11 @@ markdown-it-emoji@^1.4.0:
   resolved "https://registry.yarnpkg.com/markdown-it-emoji/-/markdown-it-emoji-1.4.0.tgz#9bee0e9a990a963ba96df6980c4fddb05dfb4dcc"
   integrity sha1-m+4OmpkKljupbfaYDE/dsF37Tcw=
 
+markdown-it-imsize@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/markdown-it-imsize/-/markdown-it-imsize-2.0.1.tgz#cca0427905d05338a247cb9ca9d968c5cddd5170"
+  integrity sha1-zKBCeQXQUziiR8ucqdloxc3dUXA=
+
 markdown-it-table-of-contents@^0.4.0:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/markdown-it-table-of-contents/-/markdown-it-table-of-contents-0.4.3.tgz#6453925a76e49b9b3d9569a0d89f1c2168b46982"