chore: init

.env.example

@@ -0,0 +1,2 @@
+# License to build Nuxt UI Pro in production, https://ui.nuxt.com/pro/purchase
+NUXT_UI_PRO_LICENSE=

.gitignore

@@ -0,0 +1,24 @@
+# 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

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

README.md

@@ -0,0 +1,75 @@
+# Nuxt UI Pro: Landing
+
+Look at [Nuxt docs](https://nuxt.com/docs/getting-started/introduction) and [Nuxt UI Pro docs](https://ui.nuxt.com/pro) to learn more.
+
+## Setup
+
+Make sure to install the 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 run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.config.ts

@@ -0,0 +1,6 @@
+export default defineAppConfig({
+  ui: {
+    primary: 'lime',
+    gray: 'neutral',
+  }
+})

app.vue

@@ -0,0 +1,12 @@
+<template>
+  <UHeader title="Nuxt UI Pro">
+    <template #right>
+      <UButton to="https://ui.nuxt.com/pro" icon="i-heroicons-book-open" target="_blank" color="gray" variant="ghost" />
+      <UColorModeButton />
+    </template>
+  </UHeader>
+  <UContainer>
+    <NuxtPage />
+  </UContainer>
+  <UFooter />
+</template>

nuxt.config.ts

@@ -0,0 +1,6 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: true },
+  extends: '@nuxt/ui-pro',
+  modules: ['@nuxt/ui']
+})

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "^0.8.5",
+    "@nuxt/ui-pro": "^0.2.1",
+    "nuxt": "^3.7.4",
+    "typescript": "^5.2.2"
+  }
+}

pages/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <UMain>
+    <ULandingHero title="Welcome to Nuxt UI Pro!" description="This is your starter, make something unique!">
+      <template #links>
+        <UButton to="/features" icon="i-heroicons-rocket-launch">Features</UButton>
+        <UButton to="https://ui.nuxt.com/pro" target="_blank" color="gray" icon="i-heroicons-book-open" trailing-icon="i-heroicons-arrow-top-right-on-square-solid">UI Pro Documentation</UButton>
+      </template>
+    </ULandingHero>
+    <ULandingSection>
+      <template #title>
+        Amazing <span class="text-primary">Features</span>
+      </template>
+      <template #description>
+        Welcome to my amazing landing page made with Nuxt UI Pro, look at all these amazing fake features!
+      </template>
+      <UPageGrid>
+        <ULandingCard icon="i-heroicons-banknotes" title="Feature #1" description="This is the number one feature you are dreaming of!" />
+        <ULandingCard icon="i-heroicons-beaker" title="Feature #2" description="I am an important feature, please look at me." />
+        <ULandingCard icon="i-heroicons-bolt" title="Feature #3" description="This is the third feature you are looking at, it looks nice right?" />
+      </UPageGrid>
+    </ULandingSection>
+  </UMain>
+</template>

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}