create-prez-app 4.0.0

package/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) 2024, RDFLib Team
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,17 @@
+# Prez UI starter template
+A starter template for creating your own themed Prez UI instance
+
+Run the command below to get started, replacing `<project_name>` with your project name:
+
+```bash
+npx create-prez-app@latest <project_name>
+```
+
+or
+
+```bash
+npm create prez-app@latest <project_name>
+```
+
+## Usage
+Follow the README in the starter template to get started. For more in-depth instructions on theming Prez UI, see our [theming documentation](https://github.com/rdflib/prez-ui/blob/main/docs/theming.md).

package/index.js

@@ -0,0 +1,56 @@
+#!/usr/bin/env node
+
+// const spawn = require('cross-spawn');
+const fs = require('fs');
+const path = require('path');
+
+// The first argument will be the project name.
+const projectName = process.argv[2];
+
+// Create a project directory with the project name.
+const currentDir = process.cwd();
+const projectDir = path.resolve(currentDir, projectName);
+fs.mkdirSync(projectDir, { recursive: true });
+
+// A common approach to building a starter template is to
+// create a `template` folder which will house the template
+// and the files we want to create.
+const templateDir = path.resolve(__dirname, 'template');
+fs.cpSync(templateDir, projectDir, { recursive: true });
+
+// It is good practice to have dotfiles stored in the
+// template without the dot (so they do not get picked
+// up by the starter template repository). We can rename
+// the dotfiles after we have copied them over to the
+// new project directory.
+const dotFiles = [
+    "gitignore",
+    "env.example",
+    "vscode",
+];
+
+dotFiles.forEach(file => {
+    fs.renameSync(
+        path.join(projectDir, file),
+        path.join(projectDir, `.${file}`)
+    );
+});
+
+const projectPackageJson = require(path.join(projectDir, 'package.json'));
+
+// Update the project's package.json with the new project name
+projectPackageJson.name = projectName;
+
+fs.writeFileSync(
+    path.join(projectDir, 'package.json'),
+    JSON.stringify(projectPackageJson, null, 2)
+);
+
+// Run `npm install` in the project directory to install
+// the dependencies. We are using a third-party library
+// called `cross-spawn` for cross-platform support.
+// (Node has issues spawning child processes in Windows).
+// spawn.sync('npm', ['install'], { stdio: 'inherit' });
+
+console.log('Success! Your new project is ready.');
+console.log(`Created ${projectName} at ${projectDir}`);

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "create-prez-app",
+  "version": "4.0.0",
+  "description": "A starter template for creating your own themed Prez UI instance",
+  "license": "BSD-3-Clause",
+  "bin": {
+    "create-prez-app": "./index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rdflib/prez-ui.git",
+    "directory": "packages/create-prez-app"
+  },
+  "keywords": [
+    "template"
+  ],
+  "bugs": {
+    "url": "https://github.com/rdflib/prez-ui/issues"
+  },
+  "homepage": "https://github.com/rdflib/prez-ui/tree/main/packages/create-prez-app#readme"
+}

package/template/README.md

@@ -0,0 +1,84 @@
+# Prez UI v4 Theme Starter Template
+This project was bootstrapped by `create-prez-app`.
+
+## Quick start
+In the project root directory, install with your NPM package manager of choice (we recommend [pnpm](https://pnpm.io)):
+
+```bash
+npm install
+```
+
+Then preview your theme by running:
+
+```bash
+npm run dev
+```
+
+## Configuration
+### Environment Variables
+The main configuration required for running Prez UI are done with environment variables:
+
+Variable|Description|Type|Default
+-|-|-|-
+`NUXT_PUBLIC_PREZ_API_ENDPOINT` (required)|Configures the Prez API endpoint|string|-
+`NUXT_PUBLIC_PREZ_AUTO_DETECT_HTML`|Enables rendering HTML in data|boolean|`false`
+`NUXT_PUBLIC_PREZ_AUTO_DETECT_MARKDOWN`|Enables rendering markdown & mermaid diagrams in data|boolean|`false`
+
+You can create an `.env` file in the project root to set these environment variable. See `.env.example` for all environment variable options and defaults. See [Nuxt Environment Variables](https://nuxt.com/docs/guide/going-further/runtime-config#environment-variables) for more info on environment variables in Nuxt.
+
+### Nuxt Config
+The `nuxt.config.ts` file contains your configuration for Nuxt, which extends upon Prez UI's [base layer Nuxt config](https://github.com/rdflib/prez-ui/blob/main/packages/prez-ui/nuxt.config.ts). This is also where you can customise things like the HTML `<head>` content, such as setting the document title, adding extra CSS files, etc. This is also where you can set Vite config.
+
+> [!NOTE]  
+> Server-side rendering (SSR) is currently not supported, but will be implemented in the near future.
+
+See the [Nuxt config docs](https://nuxt.com/docs/getting-started/configuration) for more info on how to configure Nuxt.
+
+### App Config
+The `app.config.ts` file contains your app-level config, where you can customise the navigation items, renaming items throughout the application, customising prepended items in the breadcrumbs, and pagination config. This app config extends upon Prez UI's [base layer app config](https://github.com/rdflib/prez-ui/blob/main/packages/prez-ui/app.config.ts).
+
+## Extending your theme
+This starter template uses [Nuxt](https://nuxt.com) [layers](https://nuxt.com/docs/getting-started/layers) to extend upon the base Prez UI layer application, so you only need to customise what you need.
+
+Overriding pages, components, layouts, composables and utils can be done by simply creating a file of the same name in the same directory structure for Nuxt to automatically replace it with your version in the application. Refer to Prez UI's base layer [source code](https://github.com/rdflib/prez-ui/tree/main/packages/prez-ui) to help you override files.
+
+> [!NOTE]  
+> When updating to a newer version of `prez-ui`, ensure any overridden files that contain core logic are kept up-to-date.
+
+See our [theming documentation](https://github.com/rdflib/prez-ui/blob/main/docs/theming.md) for a more in-depth guide on customising Prez UI.
+
+### Tailwind & CSS
+Prez UI uses [Tailwind](https://tailwindcss.com) for most of its styling, which you can use in this starter template to easily style using classes.
+
+To override Prez UI's colour scheme (e.g. `primary`, `secondary`, etc.), or add your own variables to use in Tailwind, simply add a CSS variable of the same name in `assets/css/tailwind.css` under `:root` with its colour values in HSL **without** the `hsl()` function. Then register those variables in `tailwind.config.js` wrapped in the `hsl()` function under `theme.extend.colors`, e.g.:
+
+```javascript
+// tailwind.config.js
+module.exports = {
+    ...
+    theme: {
+        extend: {
+            colors: {
+                // add your CSS variables here, e.g.:
+                primary: {
+                    DEFAULT: "hsl(var(--primary))",
+                    foreground: "hsl(var(--primary-foreground))",
+                },
+            }
+        }
+    }
+    ...
+}
+```
+
+You can also style your Prez UI theme using normal CSS by adding your styles to `assets/css/theme.css`.
+
+### Shadcn Components
+Prez UI uses the [prez-components](https://github.com/rdflib/prez-ui/tree/main/packages/prez-components) component library, which is based on the [shadcn-vue](https://www.shadcn-vue.com) component library. Shad comes preinstalled in this starter template, but if you need to add shadcn components in your theme, run a command like the following:
+
+```bash
+npx shadcn-vue@latest add button
+```
+*(Note: for pnpm, run `pnpm dlx` instead of `npx`)*
+
+These components are stored in `components/ui`, which should be kept separate to your theme's components.

package/template/app.config.ts

@@ -0,0 +1,12 @@
+export default defineAppConfig({
+    // nav menu, name substitutions, breadcrumbs prepend & pagination config goes here
+});
+
+declare module '@nuxt/schema' {
+    interface AppConfigInput {
+        menu?: Array<{ label: string, url: string, active?: boolean }>,
+        nameSubstitutions?: Record<string, string>,
+        breadcrumbPrepend?: Array<{ label: string, url: string }>,
+        utilsMenu?: Array<{ label: string, url: string }>
+    }
+}

package/template/assets/css/tailwind.css

@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        /* define your Tailwind CSS variables (in HSL values without the hsl()) here */
+    }
+}

package/template/assets/css/theme.css

@@ -0,0 +1 @@
+/* other CSS for your theme goes here */

package/template/components/ui/badge/Badge.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
+import { type BadgeVariants, badgeVariants } from '.'
+
+const props = defineProps<{
+  variant?: BadgeVariants['variant']
+  class?: HTMLAttributes['class']
+}>()
+</script>
+
+<template>
+  <div :class="cn(badgeVariants({ variant }), props.class)">
+    <slot />
+  </div>
+</template>

package/template/components/ui/badge/index.ts

@@ -0,0 +1,25 @@
+import { cva, type VariantProps } from 'class-variance-authority'
+
+export { default as Badge } from './Badge.vue'
+
+export const badgeVariants = cva(
+  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  {
+    variants: {
+      variant: {
+        default:
+          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+        secondary:
+          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        destructive:
+          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+        outline: 'text-foreground',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+)
+
+export type BadgeVariants = VariantProps<typeof badgeVariants>

package/template/components/ui/button/Button.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
+import { Primitive, type PrimitiveProps } from 'radix-vue'
+import { type ButtonVariants, buttonVariants } from '.'
+
+interface Props extends PrimitiveProps {
+  variant?: ButtonVariants['variant']
+  size?: ButtonVariants['size']
+  class?: HTMLAttributes['class']
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  as: 'button',
+})
+</script>
+
+<template>
+  <Primitive
+    :as="as"
+    :as-child="asChild"
+    :class="cn(buttonVariants({ variant, size }), props.class)"
+  >
+    <slot />
+  </Primitive>
+</template>

package/template/components/ui/button/index.ts

@@ -0,0 +1,35 @@
+import { cva, type VariantProps } from 'class-variance-authority'
+
+export { default as Button } from './Button.vue'
+
+export const buttonVariants = cva(
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  {
+    variants: {
+      variant: {
+        default:
+          'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+        outline:
+          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+        secondary:
+          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2',
+        sm: 'h-8 rounded-md px-3 text-xs',
+        lg: 'h-10 rounded-md px-8',
+        icon: 'h-9 w-9',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+)
+
+export type ButtonVariants = VariantProps<typeof buttonVariants>

package/template/components/ui/input/Input.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps<{
+  defaultValue?: string | number
+  modelValue?: string | number
+  class?: HTMLAttributes['class']
+}>()
+
+const emits = defineEmits<{
+  (e: 'update:modelValue', payload: string | number): void
+}>()
+
+const modelValue = useVModel(props, 'modelValue', emits, {
+  passive: true,
+  defaultValue: props.defaultValue,
+})
+</script>
+
+<template>
+  <input v-model="modelValue" :class="cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', props.class)">
+</template>

package/template/components/ui/input/index.ts

@@ -0,0 +1 @@
+export { default as Input } from './Input.vue'

package/template/components/ui/pagination/PaginationEllipsis.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+import { MoreHorizontal } from 'lucide-vue-next'
+import { PaginationEllipsis, type PaginationEllipsisProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
+
+const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes['class'] }>()
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <PaginationEllipsis v-bind="delegatedProps" :class="cn('w-9 h-9 flex items-center justify-center', props.class)">
+    <slot>
+      <MoreHorizontal />
+    </slot>
+  </PaginationEllipsis>
+</template>

package/template/components/ui/pagination/PaginationFirst.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {
+  Button,
+} from '@/components/ui/button'
+import { cn } from '@/lib/utils'
+import { ChevronsLeft } from 'lucide-vue-next'
+import { PaginationFirst, type PaginationFirstProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
+
+const props = withDefaults(defineProps<PaginationFirstProps & { class?: HTMLAttributes['class'] }>(), {
+  asChild: true,
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <PaginationFirst v-bind="delegatedProps">
+    <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
+      <slot>
+        <ChevronsLeft class="h-4 w-4" />
+      </slot>
+    </Button>
+  </PaginationFirst>
+</template>

package/template/components/ui/pagination/PaginationLast.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {
+  Button,
+} from '@/components/ui/button'
+import { cn } from '@/lib/utils'
+import { ChevronsRight } from 'lucide-vue-next'
+import { PaginationLast, type PaginationLastProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
+
+const props = withDefaults(defineProps<PaginationLastProps & { class?: HTMLAttributes['class'] }>(), {
+  asChild: true,
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <PaginationLast v-bind="delegatedProps">
+    <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
+      <slot>
+        <ChevronsRight class="h-4 w-4" />
+      </slot>
+    </Button>
+  </PaginationLast>
+</template>

package/template/components/ui/pagination/PaginationNext.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {
+  Button,
+} from '@/components/ui/button'
+import { cn } from '@/lib/utils'
+import { ChevronRight } from 'lucide-vue-next'
+import { PaginationNext, type PaginationNextProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
+
+const props = withDefaults(defineProps<PaginationNextProps & { class?: HTMLAttributes['class'] }>(), {
+  asChild: true,
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <PaginationNext v-bind="delegatedProps">
+    <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
+      <slot>
+        <ChevronRight class="h-4 w-4" />
+      </slot>
+    </Button>
+  </PaginationNext>
+</template>

package/template/components/ui/pagination/PaginationPrev.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {
+  Button,
+} from '@/components/ui/button'
+import { cn } from '@/lib/utils'
+import { ChevronLeft } from 'lucide-vue-next'
+import { PaginationPrev, type PaginationPrevProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
+
+const props = withDefaults(defineProps<PaginationPrevProps & { class?: HTMLAttributes['class'] }>(), {
+  asChild: true,
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <PaginationPrev v-bind="delegatedProps">
+    <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
+      <slot>
+        <ChevronLeft class="h-4 w-4" />
+      </slot>
+    </Button>
+  </PaginationPrev>
+</template>

package/template/components/ui/pagination/index.ts

@@ -0,0 +1,10 @@
+export { default as PaginationEllipsis } from './PaginationEllipsis.vue'
+export { default as PaginationFirst } from './PaginationFirst.vue'
+export { default as PaginationLast } from './PaginationLast.vue'
+export { default as PaginationNext } from './PaginationNext.vue'
+export { default as PaginationPrev } from './PaginationPrev.vue'
+export {
+  PaginationList,
+  PaginationListItem,
+  PaginationRoot as Pagination,
+} from 'radix-vue'

package/template/components.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "default",
+  "typescript": true,
+  "tsConfigPath": ".nuxt/tsconfig.json",
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "assets/css/tailwind.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "framework": "nuxt",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

package/template/env.example

@@ -0,0 +1,37 @@
+# ------------------------------------------------------------------------------------------------------
+# ENV settings for the Prez core package.
+#
+# Create your own .env or .env.local file in the root of the core package to override these settings,
+# alternatively you can set these variables in your hosting environment.
+#
+# The NUXT_PUBLIC_ prefix is used to expose the variables to the client side, this is a NUXT standard.
+# NUXT_PUBLIC_ env variables are runtime variables that do not require a rebuild to update.
+# 
+# NUXT_PUBLIC_PREZ_API_ENDPOINT = The endpoint for the API that the core package will use to fetch data.
+# NUXT_PUBLIC_PREZ_UTILS_TEST_PATH = The path to a test data endpoint used in the /_prez/ tools mode.
+# 
+#
+# These non-NUXT_PUBLIC_ variables are used to configure the core package at build time.
+# ------------------------------------------------------------------------------------------------------
+
+NUXT_PUBLIC_PREZ_API_ENDPOINT=http://localhost:8000
+NUXT_PUBLIC_PREZ_UTILS_TEST_PATH=/catalogs/ns:catId/collections/ns:colId/items/ns:itemId
+
+# ------------------------------------------------------------------------------------------------------
+
+# Show's debug info cog on the right side of the menubar
+# When clicked it will show a profile panel
+NUXT_PUBLIC_PREZ_DEBUG=false
+
+# Allow the user to change the API endpoint to any URL (not just _ALT endpoints) in the UI through the _api query string param (?_api=...)
+NUXT_PUBLIC_PREZ_ALLOW_API_ENDPOINT_CHANGE=false
+
+# Alternate API endpoints, show's in the footer
+NUXT_PUBLIC_PREZ_API_ENDPOINT_ALT=http://localhost:8001,http://localhost:8002,http://localhost:8003
+
+# Names for the alternate API endpoints
+NUXT_PUBLIC_PREZ_API_ENDPOINT_ALT_NAMES=localhost-1,localhost-2,localhost-3
+
+# Set auto detection of markdown and html content in literals
+NUXT_PUBLIC_PREZ_AUTO_DETECT_HTML=false
+NUXT_PUBLIC_PREZ_AUTO_DETECT_MARKDOWN=false

package/template/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

package/template/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/template/nuxt.config.ts

@@ -0,0 +1,9 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+    compatibilityDate: "2024-04-03",
+    devtools: { enabled: true },
+    modules: ["@nuxtjs/tailwindcss", "shadcn-nuxt"],
+    extends: [
+        "prez-ui"
+    ],
+});

package/template/package.json

@@ -0,0 +1,33 @@
+{
+    "name": "prez-ui-starter",
+    "version": "4.0.0",
+    "private": true,
+    "license": "BSD-3-Clause",
+    "type": "module",
+    "scripts": {
+        "build": "nuxt build",
+        "dev": "nuxt dev",
+        "generate": "nuxt generate",
+        "types": "nuxt typecheck",
+        "preview": "nuxt preview",
+        "postinstall": "nuxt prepare"
+    },
+    "dependencies": {
+        "@nuxtjs/tailwindcss": "^6.12.2",
+        "@vueuse/core": "^12.0.0",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-vue-next": "^0.461.0",
+        "nuxt": "^3.13.2",
+        "radix-vue": "^1.9.10",
+        "shadcn-nuxt": "0.11.3",
+        "tailwind-merge": "^2.5.5",
+        "tailwindcss-animate": "^1.0.7",
+        "vue": "latest",
+        "vue-router": "latest"
+    },
+    "devDependencies": {
+        "prez-ui": "workspace:*",
+        "typescript": "^5.6.3"
+    }
+}

package/template/public/robots.txt

@@ -0,0 +1 @@
+

package/template/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

package/template/tailwind.config.js

@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    theme: {
+        extend: {
+            colors: {
+                // any Tailwind CSS variable overrides you've defined in tailwind.css go here
+            },
+        },
+    },
+}

package/template/tsconfig.json

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

package/template/vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+    "recommendations": [
+        "Vue.volar",
+        "nuxtr.nuxtr-vscode",
+        "antfu.goto-alias"
+    ]
+}