diff --git a/package.json b/package.json index 6453dee073..3bfd88a581 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "build": "vuepress build src" }, "dependencies": { - "axios": "^0.19.1" + "axios": "^0.19.1", + "showdown": "^1.9.1" } } diff --git a/src/.vuepress/components/community/themes/index.vue b/src/.vuepress/components/community/themes/index.vue new file mode 100644 index 0000000000..39019e5deb --- /dev/null +++ b/src/.vuepress/components/community/themes/index.vue @@ -0,0 +1,24 @@ + + + diff --git a/src/.vuepress/components/community/themes/theme-data.js b/src/.vuepress/components/community/themes/theme-data.js new file mode 100644 index 0000000000..fa28e3947f --- /dev/null +++ b/src/.vuepress/components/community/themes/theme-data.js @@ -0,0 +1,184 @@ +export default [ + { + name: 'Creative Tim', + description: `With the examples below built by our partners from [Creative Tim](https://creative-tim.com?affiliate_id=116187) you can see how a real world application is built, the technology stack behind it and how most of the concepts you've learned so far apply in a real world application.`, + seeMoreUrl: 'https://www.creative-tim.com/bootstrap-themes/vuejs-themes?affiliate_id=116187', + products: [ + { + name: 'Vue Argon Design System', + price: 0, + description: 'Free Vue.js Design System', + url: 'https://www.creative-tim.com/product/vue-argon-design-system?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-argon-design-system/vue-argon-design-system.jpg' + }, + { + name: 'Vue Black Dashboard Pro', + price: 59, + description: 'Premium Vue.js Admin Template', + url: 'https://www.creative-tim.com/product/vue-black-dashboard-pro?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard-pro/vue-black-dashboard-pro.jpg' + }, + { + name: 'Vue Paper Dashboard 2 Pro', + price: 59, + description: 'Premium Vue.js Admin Template', + url: 'https://www.creative-tim.com/product/vue-paper-dashboard-2-pro?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard-pro/vue-black-dashboard-pro.jpg' + }, + { + name: 'Vue Material Kit', + price: 0, + description: 'Free Vue.js UI Kit', + url: 'https://www.creative-tim.com/product/vue-material-kit?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-kit/vue-material-kit.jpg' + }, + { + name: 'Vue Black Dashboard', + price: 0, + description: 'Free Vue.js Admin Template', + url: 'https://www.creative-tim.com/product/vue-black-dashboard?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard/vue-black-dashboard.jpg' + }, + { + name: 'Vue Now UI Kit Pro', + price: 79, + description: 'Premium Vue.js UI Kit', + url: 'https://www.creative-tim.com/product/vue-now-ui-kit-pro?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit-pro/vue-now-ui-kit-pro.jpg' + }, + { + name: 'Vue Now UI Dashboard Pro', + price: 59, + description: 'Premium Vue.js Admin Template', + url: 'https://www.creative-tim.com/product/vue-now-ui-dashboard-pro?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-dashboard-pro/vue-now-ui-dashboard-pro.jpg' + }, + { + name: 'Vue Now UI Kit', + price: 0, + description: 'Free Vue.js UI Kit', + url: 'https://www.creative-tim.com/product/vue-now-ui-kit?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit/vue-now-ui-kit.jpg' + }, + { + name: 'Vue Light Bootstrap Dashboard Pro', + price: 49, + description: 'Premium Vue.js Admin Template', + url: 'https://www.creative-tim.com/product/vue-light-bootstrap-dashboard-pro?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard-pro/vue-light-bootstrap-dashboard-pro.jpg' + }, + { + name: 'Vue Material Dashboard Pro', + price: 59, + description: 'Premium Vue.js Admin Template', + url: 'https://www.creative-tim.com/product/vue-material-dashboard-pro?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-dashboard-pro/vue-material-dashboard-pro.jpg' + }, + { + name: 'Vue Material Kit Pro', + price: 89, + description: 'Premium Vue.js UI Kit', + url: 'https://www.creative-tim.com/product/vue-material-kit-pro?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-kit-pro/vue-material-kit-pro.jpg' + }, + { + name: 'Vue Light Bootstrap Dashboard', + price: 0, + description: 'Free Vue.js Admin Template', + url: 'https://www.creative-tim.com/product/vue-light-bootstrap-dashboard?affiliate_id=116187', + image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard/vue-light-bootstrap-dashboard.jpg' + } + ] + }, + { + name: "MDBootstrap", + description: `Check out the themes, UI Kits and plugins below built by our partners from [MDBootstrap](https://mdbootstrap.com/?utm_ref_id=82665). Learn how to use Vue in professional projects along such technologies as Bootstrap. Templates & ready components make your development faster and more efficient.`, + seeMoreUrl: "https://mdbootstrap.com/docs/vue?utm_ref_id=82665", + products: [ + { + url: "https://mdbootstrap.com/products/vue-ui-kit?utm_ref_id=82665", + name: "Vue Material Bootstrap Pro", + description: "Premium Vue.js UI Kit", + image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/ui-kit.jpg", + price: 99 + }, + { + url: "https://mdbootstrap.com/docs/vue?utm_ref_id=82665", + name: "Vue Material Bootstrap Kit", + description: "Free Vue.js UI Kit", + image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/ui-kit.jpg", + price: 0 + }, + { + url: "https://mdbootstrap.com/products/vue-admin-dashboard?utm_ref_id=82665", + name: " Vue Admin Bootstrap Pro", + description: "Premium Vue.js Templates Pack", + image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/admin-pack.jpg", + price: 79 + }, + { + url: "https://mdbootstrap.com/freebies/vue/admin-dashboard?utm_ref_id=82665", + name: "Vue Admin Bootstrap", + description: "Free Vue.js Templates Pack", + image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/admin-pack.jpg", + price: 0 + } + ] + }, + { + name: 'PrimeVue', + description: `The open-source UI component library [PrimeVue](https://www.primefaces.org/primevue/#/?af_id=4218) offers over 50 flexible components to build your apps with! They have a ton of different component themes and Vue-CLI application templates available to get the look&feel that suits you best.`, + seeMoreUrl: 'https://www.primefaces.org/primevue/#/?af_id=4218', + products: [ + { + name: 'Sapphire', + price: 79, + description: 'Material Design Admin Template', + url: 'https://www.primefaces.org/layouts/sapphire-vue?af_id=4218', + image: 'https://www.primefaces.org/vue-templates/sapphire.jpg' + }, + { + name: 'Avalon', + price: 79, + description: 'Bootstrap Inspired Admin Template', + url: 'https://www.primefaces.org/layouts/avalon-vue?af_id=4218', + image: 'https://www.primefaces.org/vue-templates/avalon.jpg' + }, + { + name: 'Serenity', + price: 79, + description: 'Material Design Admin Template', + url: 'https://www.primefaces.org/layouts/serenity-vue?af_id=4218', + image: 'https://www.primefaces.org/vue-templates/serenity.jpg' + }, + { + name: 'Apollo', + price: 79, + description: 'Admin Template with a Dark Mode', + url: 'https://www.primefaces.org/layouts/apollo-vue?af_id=4218', + image: 'https://www.primefaces.org/vue-templates/apollo.jpg' + }, + { + name: 'Babylon', + price: 79, + description: 'Admin Template with Extensive Options', + url: 'https://www.primefaces.org/layouts/babylon-vue?af_id=4218', + image: 'https://www.primefaces.org/vue-templates/babylon.jpg' + }, + { + name: 'Roma', + price: 59, + description: 'Admin Template with a Clean Design System', + url: 'https://www.primefaces.org/layouts/roma-vue?af_id=4218', + image: 'https://www.primefaces.org/vue-templates/roma.jpg' + }, + { + name: 'Sigma', + price: 0, + description: 'Free Admin Template', + url: 'https://www.primefaces.org/sigma-vue/#/?af_id=4218', + image: 'https://www.primefaces.org/vue-templates/sigma.jpg' + } + ] + } +] diff --git a/src/.vuepress/components/community/themes/theme-item.vue b/src/.vuepress/components/community/themes/theme-item.vue new file mode 100644 index 0000000000..f1b6e29dd6 --- /dev/null +++ b/src/.vuepress/components/community/themes/theme-item.vue @@ -0,0 +1,97 @@ + + + + + diff --git a/src/.vuepress/components/community/themes/theme-provider.vue b/src/.vuepress/components/community/themes/theme-provider.vue new file mode 100644 index 0000000000..df42e0070b --- /dev/null +++ b/src/.vuepress/components/community/themes/theme-provider.vue @@ -0,0 +1,81 @@ + + + + + diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js index ab3a94378d..28c6946f76 100644 --- a/src/.vuepress/config.js +++ b/src/.vuepress/config.js @@ -64,7 +64,8 @@ module.exports = { ariaLabel: 'Community Menu', items: [ { text: 'Team', link: '/community/team/' }, - { text: 'Partners', link: '/community/partners/' } + { text: 'Partners', link: '/community/partners/' }, + { text: 'Themes', link: '/community/themes/' } ] } ], diff --git a/src/.vuepress/styles/_settings.scss b/src/.vuepress/styles/_settings.scss new file mode 100644 index 0000000000..60b01f90c2 --- /dev/null +++ b/src/.vuepress/styles/_settings.scss @@ -0,0 +1,10 @@ +// colors + +$dark: #273849; +$medium: #304455; +$light: #4f5959; +$green: #42b983; +$border: #dddddd; +$codebg: #f8f8f8; +$red: #f66; +$info: #1c90f3; diff --git a/src/community/themes.md b/src/community/themes.md new file mode 100644 index 0000000000..0dafd6ee00 --- /dev/null +++ b/src/community/themes.md @@ -0,0 +1,3 @@ +# Themes + + \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index b901393c52..89917f2b29 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1906,6 +1906,15 @@ cliui@^4.0.0: strip-ansi "^4.0.0" wrap-ansi "^2.0.0" +cliui@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5" + integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA== + dependencies: + string-width "^3.1.0" + strip-ansi "^5.2.0" + wrap-ansi "^5.1.0" + clone-deep@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387" @@ -3274,6 +3283,11 @@ get-caller-file@^1.0.1: resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a" integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w== +get-caller-file@^2.0.1: + version "2.0.5" + resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" + integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg== + get-stdin@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe" @@ -6200,6 +6214,11 @@ require-main-filename@^1.0.1: resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1" integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE= +require-main-filename@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b" + integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg== + requires-port@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff" @@ -6500,6 +6519,13 @@ shebang-regex@^1.0.0: resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3" integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM= +showdown@^1.9.1: + version "1.9.1" + resolved "https://registry.yarnpkg.com/showdown/-/showdown-1.9.1.tgz#134e148e75cd4623e09c21b0511977d79b5ad0ef" + integrity sha512-9cGuS382HcvExtf5AHk7Cb4pAeQQ+h0eTr33V1mu+crYWV4KvWAw6el92bDrqGEk5d46Ai/fhbEUwqJ/mTCNEA== + dependencies: + yargs "^14.2" + signal-exit@^3.0.0: version "3.0.2" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d" @@ -6814,7 +6840,7 @@ string-width@^1.0.1, string-width@^1.0.2: is-fullwidth-code-point "^2.0.0" strip-ansi "^4.0.0" -string-width@^3.0.0: +string-width@^3.0.0, string-width@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961" integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w== @@ -6867,7 +6893,7 @@ strip-ansi@^4.0.0: dependencies: ansi-regex "^3.0.0" -strip-ansi@^5.0.0, strip-ansi@^5.1.0: +strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0: version "5.2.0" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae" integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA== @@ -7744,6 +7770,14 @@ yargs-parser@^11.1.1: camelcase "^5.0.0" decamelize "^1.2.0" +yargs-parser@^15.0.0: + version "15.0.0" + resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-15.0.0.tgz#cdd7a97490ec836195f59f3f4dbe5ea9e8f75f08" + integrity sha512-xLTUnCMc4JhxrPEPUYD5IBR1mWCK/aT6+RJ/K29JY2y1vD+FhtgKK0AXRWvI262q3QSffAQuTouFIKUuHX89wQ== + dependencies: + camelcase "^5.0.0" + decamelize "^1.2.0" + yargs-parser@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-5.0.0.tgz#275ecf0d7ffe05c77e64e7c86e4cd94bf0e1228a" @@ -7769,6 +7803,23 @@ yargs@12.0.5: y18n "^3.2.1 || ^4.0.0" yargs-parser "^11.1.1" +yargs@^14.2: + version "14.2.2" + resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.2.tgz#2769564379009ff8597cdd38fba09da9b493c4b5" + integrity sha512-/4ld+4VV5RnrynMhPZJ/ZpOCGSCeghMykZ3BhdFBDa9Wy/RH6uEGNWDJog+aUlq+9OM1CFTgtYRW5Is1Po9NOA== + dependencies: + cliui "^5.0.0" + decamelize "^1.2.0" + find-up "^3.0.0" + get-caller-file "^2.0.1" + require-directory "^2.1.1" + require-main-filename "^2.0.0" + set-blocking "^2.0.0" + string-width "^3.0.0" + which-module "^2.0.0" + y18n "^4.0.0" + yargs-parser "^15.0.0" + yargs@^7.0.0: version "7.1.0" resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.0.tgz#6ba318eb16961727f5d284f8ea003e8d6154d0c8"