docs: migrate to nuxt

[mattmaribojoc]

Related issue

Closes #

Scope of work

• uses the new docs theme to build the docs
• adds custom logic to allow for the code injection from the source code
• adds links to qwik documentation
• migrates all of the pages
  • there are some exceptions to this because the "common pages" like theming, customization were merged into one page with the code snippets changing depending on which framework was selected
• temporarily skip the cypress tests on the docs (talked to @FRSgit) to unblock the upgrade to newer node versions

Screenshots of visual changes

Checklist

• Self code-reviewed
• Changes documented
• Semantic HTML
• SSR-friendly
• Caching friendly
• a11y for WCAG 2.0 AA
• examples created
• blocks created
• cypress tests created

[changeset-bot]

⚠️ No Changeset found

Latest commit: 9ef54eb

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Szymon-dziewonski]

code looking good, however I couldnt run it locally, got many errors

szymons-mbp-1:components szymondziewonski$ yarn dev:docs
Nuxt 3.6.5 with Nitro 2.6.3                                                                                                             12:51:55 PM
                                                                                                                                        12:51:56 PM
  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

ℹ Using default Tailwind CSS file                                                                                     nuxt:tailwindcss 12:51:57 PM

[12:51:57 PM]  ERROR  [unhandledRejection] Cannot find package 'tailwind-config-viewer' imported from /Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/tailwindcss/dist/module.mjs

  at __node_internal_captureLargerStackTrace (node:internal/errors:496:5)
  at new NodeError (node:internal/errors:405:5)
  at packageResolve (node:internal/modules/esm/resolve:890:9)
  at moduleResolve (node:internal/modules/esm/resolve:939:20)
  at defaultResolve (node:internal/modules/esm/resolve:1132:11)
  at nextResolve (node:internal/modules/esm/loader:163:28)
  at ESMLoader.resolve (node:internal/modules/esm/loader:835:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
  at ESMLoader.import (node:internal/modules/esm/loader:524:22)
  at importModuleDynamically (node:internal/modules/esm/translators:110:35)
  at importModuleDynamicallyCallback (node:internal/process/esm_loader:36:14)
  at setupViewer (/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:186:24)
  at setup (/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:301:9)
  at async normalizedModule (/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxt/kit/dist/index.mjs:2141:17)
  at async installModule (/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxt/kit/dist/index.mjs:2439:95)
  at async initNuxt (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxt/dist/index.mjs:3238:7)
  at async NuxtDevServer._load (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxi/dist/chunks/dev2.mjs:255:5)
  at async NuxtDevServer.load (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxi/dist/chunks/dev2.mjs:187:7)
  at async NuxtDevServer.init (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxi/dist/chunks/dev2.mjs:182:5)
  at async Object.run (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxi/dist/chunks/dev-child.mjs:103:5)
  at async runCommand$1 (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1647:7)
  at async runCommand$1 (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1638:11)
  at async runMain$1 (/Users/szymondziewonski/Projects/storefront-ui/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1770:7)

                                                                                                                                        12:51:57 PM
SEO Kit v1.3.9 • All-in-one SEO by @harlan_zw                                                                                           12:51:57 PM
  └─ 💖 Like this package? Consider sponsoring me on GitHub https://github.com/sponsors/harlan-zw                                       12:51:57 PM
                                                                                                                                        12:51:57 PM
✔ Nuxt DevTools is enabled v0.8.3 (experimental)                                                                                       12:51:59 PM
ℹ [content-assets] Websocket listening on "ws://localhost:4001/"                                                                       12:51:59 PM

[12:51:59 PM]  WARN  Duplicated imports "useAlgoliaFacetedSearch", the one from "/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/algolia/dist/runtime/composables/useAlgoliaFacetedSearch.d.ts" has been ignored


[12:51:59 PM]  WARN  Duplicated imports "useAlgoliaInitIndex", the one from "/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/algolia/dist/runtime/composables/useAlgoliaInitIndex.d.ts" has been ignored


[12:51:59 PM]  WARN  Duplicated imports "useAlgoliaRecommend", the one from "/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/algolia/dist/runtime/composables/useAlgoliaRecommend.d.ts" has been ignored


[12:51:59 PM]  WARN  Duplicated imports "useAlgoliaRef", the one from "/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/algolia/dist/runtime/composables/useAlgoliaRef.d.ts" has been ignored


[12:51:59 PM]  WARN  Duplicated imports "useAlgoliaSearch", the one from "/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/algolia/dist/runtime/composables/useAlgoliaSearch.d.ts" has been ignored


[12:51:59 PM]  WARN  Duplicated imports "useAsyncAlgoliaSearch", the one from "/Users/szymondziewonski/Projects/storefront-ui/node_modules/@nuxtjs/algolia/dist/runtime/composables/useAsyncAlgoliaSearch.d.ts" has been ignored


 ERROR  Cannot start nuxt:  Cannot find module 'postcss-custom-properties'                                                              12:52:00 PM
Require stack:

Thats probably the same issue with your build, IMHO docs cannot be part of workspace, since yarn v1 hoist all packages so packages clash with preview/nuxt and either docs or preview have no idea which package version pick

[filrak]

@mattmaribojoc do you think we can finish that and merge to keep consistency in the docs?

[Szymon-dziewonski]

Hey, great effort done here!

I have couple of questions:

• we do not have in docs anymore this tip tag (e.g Badge component in Source tab)
  
  Is it intentional to remove this info?

• white mode missing border in showcases
  

• is it a thing that source has scrollbar in wierd spot? not at the bottom of container?
  

• IMHO showcases are too big currently, documentation pages are twice long in compare to docs on vuepress
  

In old docs

And for example in banners, footer - height of showcases are too small, I think those iframes should be customized and set to desired height :)

• Something happened to Prose styling page http://localhost:3000/customization/prose#example-content-styled-with-prose, content inside is smaller then iframe
  

[mattmaribojoc]

Thanks for the good review @Szymon-dziewonski :)

• Respect the passed min-height on Showcases:

- also fixes `Prose` Showcase - Upstream fix for Code Block Scrollbar - Add reusable partial content block for creating the callout - Border on Light Mode Showcases

[Szymon-dziewonski]

@mattmaribojoc looking great, double checked docs after your fixes, have no issues, huge thanks for this PR 🙇