refactor: use @nuxt/ui for examples

[arashsheyda]

refactored the code from old @nuxt/devtools-ui to @nuxt/ui

• moved all the examples udner a sub directory called examples (the goal was to have a cleaner directory structure, if it's not a good idea we can revert that)
• add @nuxt/examples-ui for shared ui usages udner shared directory
• currently, auth is not in .docs, should we add that?

NuxtLayoutExample looks like this: (I can record all the examples if needed to see how they look like)

Screen.Recording.2023-12-11.at.11.35.01.AM.mov

resolves #59

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
examples	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 13, 2023 10:04am

[arashsheyda]

also rn the examples are using the shared ui (@nuxt/examples-ui) like this, would this work on stackblitz?

  "devDependencies": {
    "@nuxt/examples-ui": "workspace:*",
    "nuxt": "^3.8.1"
  }

[atinux]

I think I will have to publish on npm the package @arashsheyda

[arashsheyda]

okay thanks :D

[atinux]

https://www.npmjs.com/package/@nuxt/examples-ui

[danielroe]

Should be good to go - see https://examples-6makfan46-nuxt-js.vercel.app/?force=local-auth for example.

[danielroe]

(One note: we may need to update the e2e tests...)

[danielroe]

let's merge #45 first (I'll finish it off) and then confirm all working with this PR