chore: add ui-pro and i18n examples

Author: farnabaz

examples/basic/.gitignore

@@ -0,0 +1,26 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+pnpm-lock.yaml

examples/basic/.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

examples/basic/README.md

@@ -0,0 +1,75 @@
+# Nuxt Content Starter
+
+Look at the [Nuxt Content documentation](https://content3.nuxt.dev) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

examples/basic/app/components/Counter.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <h1>Counter: {{ count }}</h1>
+    <button
+      class="mr-2"
+      @click="increment"
+    >
+      Increment
+    </button>
+    <button @click="decrement">
+      Decrement
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const increment = () => {
+  count.value++
+}
+
+const decrement = () => {
+  count.value--
+}
+</script>
+
+<style scoped>
+button {
+  margin: 5px;
+}
+</style>

examples/basic/app/pages/[...slug].vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+const route = useRoute()
+
+const { data: page } = await useAsyncData('page-' + route.path, () => {
+  return queryCollection('content').path(route.path).first()
+})
+if (!page.value) {
+  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+}
+</script>
+
+<template>
+  <ContentRenderer
+    v-if="page"
+    :value="page"
+  />
+</template>

examples/basic/app/public/favicon.ico

@@ -0,0 +1 @@
+

examples/basic/app/public/robots.txt

@@ -0,0 +1,8 @@
+import { defineCollection } from '@nuxt/content'
+
+export const collections = {
+  content: defineCollection({
+    type: 'page',
+    source: '**',
+  }),
+}

examples/basic/content.config.ts

@@ -0,0 +1,25 @@
+# Welcome to Nuxt Content starter
+
+## Manage your contents
+
+Create new pages or modify the existing ones in `content/` directory.
+
+## Query & Render pages
+
+You can find an example of querying contents and rendering them in `app/pages/[...slug].vue`
+
+
+## Fancy to use a Vue component?
+
+::counter
+::
+
+:div{style="margin: 2rem 0"}
+
+::div{style="background: orange; font-size: 1.5rem; padding: 10px 20px;"}
+Checkout [official docs][docs] to read more about Nuxt Content
+::
+
+
+
+[docs]: https://content3.nuxt.dev

examples/basic/content/index.md

@@ -0,0 +1,11 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  modules: [
+    '@nuxt/content',
+  ],
+  devtools: { enabled: true },
+  future: {
+    compatibilityVersion: 4,
+  },
+  compatibilityDate: '2024-04-03',
+})