temp

package.json

@@ -21,10 +21,13 @@
     "serve": "vite preview",
     "test": "jest",
     "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
+    "test:coverage": "jest --coverage",
+    "svg": "vsvg -s ./src/assets/icons/svg -t ./src/assets/icons/sprite"
   },
   "dependencies": {
     "axios": "^0.21.1",
+    "clipboard": "^2.0.8",
+    "codemirror": "^5.59.4",
     "js-yaml": "^4.0.0",
     "markdown-it": "^12.0.4",
     "markdown-it-attrs": "^4.0.0",
@@ -38,8 +41,11 @@
     "markdown-it-regex": "^0.2.0",
     "markdown-it-task-lists": "^2.1.1",
     "markdown-it-toc-and-anchor": "^4.2.0",
+    "moment": "^2.29.1",
     "vue": "^3.0.5",
-    "vue-router": "4"
+    "vue-observe-visibility": "^1.0.0",
+    "vue-router": "4",
+    "vue3-runtime-template": "^1.0.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^12.0.1",
@@ -70,7 +76,8 @@
     "stylelint-config-recess-order": "^2.3.0",
     "stylelint-config-standard": "^21.0.0",
     "stylelint-scss": "^3.19.0",
-    "vite": "^2.0.5"
+    "vite": "^2.0.5",
+    "vite-plugin-svg-icons": "^0.3.5"
   },
   "commitlint": {
     "extends": [

public/didor.config.js

@@ -7,22 +7,22 @@ window.$didor = {
     // didorStyles: true,
     basePath: '/docs',
   },
-  // customize: {
-  //   logo: '/img/didorLogo.svg',
-  //   logoDark: '/img/didorLogoDark.svg',
-  //   title: 'Didor Docs',
+  customize: {
+    logo: '/img/didorLogo.svg',
+    logoDark: '/img/didorLogoDark.svg',
+    title: 'Didor Docs',
   //   description: 'Herramienta para documentar tus proyectos',
-  //   toggleMode: true,
-  //   social: {
-  //     twitter: 'https://twitter.com/fvena',
-  //     github: 'https://github.com/fvena/didor-docs',
-  //   },
-  // },
-  // demo: {
-  //   jsLib: [],
-  //   cssLib: [],
-  //   styles: '/src/design/main.scss',
-  // },
+    toggleMode: true,
+    social: {
+      twitter: 'https://twitter.com/fvena',
+      github: 'https://github.com/fvena/didor-docs',
+    },
+  },
+  demo: {
+    jsLib: [],
+    cssLib: [],
+    styles: '/src/design/main.scss',
+  },
   // build: {
   //   path: '',
   // },

src/assets/icons/sprite/activity.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'activity': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M22 12h-4l-3 9L9 3l-3 9H2"/>'
+  }
+})

src/assets/icons/sprite/airplay.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'airplay': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M5 17H4a2 2 0 01-2-2V5a2 2 0 012-2h16a2 2 0 012 2v10a2 2 0 01-2 2h-1"/><path pid="1" d="M12 15l5 6H7l5-6z"/>'
+  }
+})

src/assets/icons/sprite/alert-circle.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'alert-circle': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<circle pid="0" cx="12" cy="12" r="10"/><path pid="1" d="M12 8v4M12 16h.01"/>'
+  }
+})

src/assets/icons/sprite/alert-octagon.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'alert-octagon': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2zM12 8v4M12 16h.01"/>'
+  }
+})

src/assets/icons/sprite/alert-triangle.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'alert-triangle': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01"/>'
+  }
+})

src/assets/icons/sprite/align-center.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'align-center': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M18 10H6M21 6H3M21 14H3M18 18H6"/>'
+  }
+})

src/assets/icons/sprite/align-justify.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'align-justify': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M21 10H3M21 6H3M21 14H3M21 18H3"/>'
+  }
+})

src/assets/icons/sprite/align-left.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'align-left': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M17 10H3M21 6H3M21 14H3M17 18H3"/>'
+  }
+})

src/assets/icons/sprite/align-right.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'align-right': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<path pid="0" d="M21 10H7M21 6H3M21 14H3M21 18H7"/>'
+  }
+})

src/assets/icons/sprite/anchor.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'anchor': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<circle pid="0" cx="12" cy="5" r="3"/><path pid="1" d="M12 22V8M5 12H2a10 10 0 0020 0h-3"/>'
+  }
+})

src/assets/icons/sprite/aperture.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'aperture': {
+    width: 32,
+    height: 32,
+    viewBox: '0 0 24 24',
+    data: '<circle pid="0" cx="12" cy="12" r="10"/><path pid="1" d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83M16.62 12l-5.74 9.94"/>'
+  }
+})