fix(deps): update dependency @theguild/components to v5 (#2362)

* fix(deps): update dependency @theguild/components to v5

* refactor

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <[email protected]>

Author: renovate[bot]

website/package.json

@@ -11,7 +11,7 @@
     "analyze": "cross-env ANALYZE=true next build"
   },
   "dependencies": {
-    "@theguild/components": "4.6.5",
+    "@theguild/components": "5.0.0",
     "next": "13.4.4",
     "next-sitemap": "4.1.3",
     "react": "18.2.0",

website/src/pages/docs/essentials/resolvers.mdx

@@ -1,5 +1,3 @@
-import { PackageCmd } from '@theguild/components'
-
 # Resolvers
 
 Let's focus on `resolve` functions usually called just **resolvers**.
@@ -55,7 +53,9 @@ If you have many resolvers files in your module, and you wish to load it dynamic
 
 Start by installing this package:
 
-<PackageCmd packages={['@graphql-tools/load-files']} />
+```sh npm2yarn
+npm i @graphql-tools/load-files
+```
 
 Next, use it to load your files dynamically:
 

website/src/pages/docs/essentials/type-definitions.mdx

@@ -1,4 +1,4 @@
-import { Callout, PackageCmd } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
 # Type Definitions
 
@@ -64,7 +64,9 @@ If you have too many SDL files, and you wish to load them dynamically, you can u
 
 Start by installing this package:
 
-<PackageCmd packages={['@graphql-tools/load-files']} />
+```sh npm2yarn
+npm i @graphql-tools/load-files
+```
 
 Next, use it to load your files dynamically:
 

website/src/pages/docs/get-started.mdx

@@ -1,4 +1,4 @@
-import { PackageCmd, Tabs, Tab, Callout } from '@theguild/components'
+import { Tabs, Tab, Callout } from '@theguild/components'
 
 # Get Started
 
@@ -12,7 +12,9 @@ To start using GraphQL Modules, all you need is to install its package and `grap
 
 ## Installation
 
-<PackageCmd packages={['graphql graphql-modules']} />
+```sh npm2yarn
+npm i graphql-modules graphql
+```
 
 ### Your First GraphQL Module
 

yarn.lock

@@ -2760,10 +2760,10 @@
     lodash.sortby "^4.7.0"
     remove-markdown "^0.5.0"
 
-"@theguild/components@4.6.5":
-  version "4.6.5"
-  resolved "https://registry.yarnpkg.com/@theguild/components/-/components-4.6.5.tgz#d3718c2de647d72d428370074b09ce4739f5877a"
-  integrity sha512-Mt8JHgTN422ZxEITvrA+8Cu/M11XMfqKXjN2Q9u8UFnRF1F+eg2MNhQn1nhykFw8rwwR1ld/jcv/dxbYXrZrBg==
+"@theguild/components@5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@theguild/components/-/components-5.0.0.tgz#ac631f42ce042686a6a75e7aa46eac579255484a"
+  integrity sha512-DyFuxkuFSCHkfof48WbYe8Ak3OAxVBDAlZ9OBLlshmyEaBCg5ymfroTlyP0yCl6sXzaNnAspIG8Ql+ZeYnpLQg==
   dependencies:
     "@algolia/autocomplete-js" "1.9.2"
     "@algolia/autocomplete-plugin-algolia-insights" "1.9.2"
@@ -2772,14 +2772,14 @@
     "@giscus/react" "2.2.8"
     "@next/bundle-analyzer" "13.4.2"
     "@radix-ui/react-navigation-menu" "1.1.3"
-    "@theguild/remark-mermaid" "0.0.2"
+    "@theguild/remark-npm2yarn" "0.0.1"
     algoliasearch "4.17.1"
     clsx "1.2.1"
     focus-trap-react "10.1.4"
     fuzzy "^0.1.3"
     next-videos "1.5.0"
-    nextra "2.7.0"
-    nextra-theme-docs "2.7.0"
+    nextra "2.7.1"
+    nextra-theme-docs "2.7.1"
     react-instantsearch-dom "6.40.0"
     react-paginate "8.2.0"
     react-player "2.12.0"
@@ -2788,14 +2788,6 @@
     semver "^7.3.8"
     use-debounce "9.0.4"
 
-"@theguild/[email protected]":
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/@theguild/remark-mermaid/-/remark-mermaid-0.0.2.tgz#5df285d6c003f49b9414b5037ddae7af3c389675"
-  integrity sha512-W7g+L/MKGSKuv0Iix91cnK7RGafP+o7TPKLp72HrbTrL83LrJNiuRdhaG5lAzfCwyMDRkofM4y9z9/GQTdBoqg==
-  dependencies:
-    mermaid "^10.2.2"
-    unist-util-visit "^4.1.2"
-
 "@theguild/remark-mermaid@^0.0.1":
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/@theguild/remark-mermaid/-/remark-mermaid-0.0.1.tgz#984f0f03bee4809cde02abbe4dbdbc192c806109"
@@ -2804,6 +2796,14 @@
     mermaid "10.2.1"
     unist-util-visit "4.1.2"
 
+"@theguild/[email protected]":
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/@theguild/remark-npm2yarn/-/remark-npm2yarn-0.0.1.tgz#fcfc3ba46324110e8dae5881ff7dab6e49abaf0b"
+  integrity sha512-pm++IBZoVU4yWgtXsMEsBXsGEtsJVNfP2eBCO6pp3T27dYy0dS/gevLkSnvkGKFKo2PHTfYvoEsk9vgxmZXs8Q==
+  dependencies:
+    npm-to-yarn "^2.0.0"
+    unist-util-visit "^4.1.2"
+
 "@theguild/[email protected]":
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/@theguild/tailwind-config/-/tailwind-config-0.2.2.tgz#9008ed9f2a1580ab76c182d534643b4568f221be"
@@ -8943,29 +8943,6 @@ [email protected]:
     uuid "^9.0.0"
     web-worker "^1.2.0"
 
-mermaid@^10.2.2:
-  version "10.2.2"
-  resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.2.2.tgz#6635b9af5f5850f4df39e4235f3d0913c4ab2965"
-  integrity sha512-ifYKlCcZKYq48hxC1poJXnvk/PbCdgqqbg5B4qsybb8nIItPM1ATKqVEDkyde6BBJxVFhVJr9hoUjipzniQJZg==
-  dependencies:
-    "@braintree/sanitize-url" "^6.0.2"
-    cytoscape "^3.23.0"
-    cytoscape-cose-bilkent "^4.1.0"
-    cytoscape-fcose "^2.1.0"
-    d3 "^7.4.0"
-    dagre-d3-es "7.0.10"
-    dayjs "^1.11.7"
-    dompurify "3.0.3"
-    elkjs "^0.8.2"
-    khroma "^2.0.0"
-    lodash-es "^4.17.21"
-    mdast-util-from-markdown "^1.3.0"
-    non-layered-tidy-tree-layout "^2.0.2"
-    stylis "^4.1.3"
-    ts-dedent "^2.2.0"
-    uuid "^9.0.0"
-    web-worker "^1.2.0"
-
 mersenne@~0.0.3:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/mersenne/-/mersenne-0.0.4.tgz#401fdec7ec21cdb9e03cd3d3021398da21b27085"
@@ -9618,10 +9595,10 @@ [email protected]:
     "@next/swc-win32-ia32-msvc" "13.4.4"
     "@next/swc-win32-x64-msvc" "13.4.4"
 
-[email protected].0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/nextra-theme-docs/-/nextra-theme-docs-2.7.0.tgz#7bb7464b50831974f145e072a7a75b57422a48d1"
-  integrity sha512-984jZR13QO/YTIsLEYpFK2Pf4hQjD2Z2fHrBYJl/ZZQjylwxnnGcx1QAciy65mnPWr7/Kv9/dAKpjm9tYtyLrw==
+[email protected].1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/nextra-theme-docs/-/nextra-theme-docs-2.7.1.tgz#d92827af26a2797bb59b347674115329074fd0da"
+  integrity sha512-C2DtoGH15q22t4r2JC89lvvajmnyiqsv3PaqHJpoHRlF2eR5giuLhZC5Oahb9AENRDcnUIUvqVi/8NlfiIM0yQ==
   dependencies:
     "@headlessui/react" "^1.7.10"
     "@popperjs/core" "^2.11.6"
@@ -9636,10 +9613,10 @@ [email protected]:
     scroll-into-view-if-needed "^3.0.0"
     zod "^3.20.2"
 
-[email protected].0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/nextra/-/nextra-2.7.0.tgz#6b53ad690e0673b1309acf8713382e94fee5b50d"
-  integrity sha512-SXUsczIzb6+apg3ipRQQllBJk6W2FJfUrmJrQySu9DJpUfS36ylQYLX5ofkCI+Sq3ZHfefZbnut49KGozt/rGQ==
+[email protected].1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/nextra/-/nextra-2.7.1.tgz#f3c01c45aa96e4a9285a3aee333e18e8e1d1bf71"
+  integrity sha512-qchTb7XSm357XAHf9MV9UlUSGolPEPE8iFnC/9KMwvhIoE4seyPYWMrnH84XraZCcGERvy9TrkFD30VE7Qv1MA==
   dependencies:
     "@mdx-js/mdx" "^2.3.0"
     "@mdx-js/react" "^2.3.0"
@@ -9758,6 +9735,11 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
+npm-to-yarn@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/npm-to-yarn/-/npm-to-yarn-2.0.0.tgz#59c9c615eca3ba8920308a0b418007b73ffc7492"
+  integrity sha512-/IbjiJ7vqbxfxJxAZ+QI9CCRjnIbvGxn5KQcSY9xHh0lMKc/Sgqmm7yp7KPmd6TiTZX5/KiSBKlkGHo59ucZbg==
+
 nth-check@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"