@nuxt/ui 0.0.0-alpha.0 → 0.0.0-alpha.4

package/dist/components/NLink.vue

@@ -0,0 +1,17 @@
+<template>
+  <Component
+    :is="(href || target) ? 'a' : 'nuxt-link'"
+    v-bind="$props"
+    class="n-link n-link-base n-transition"
+  >
+    <slot />
+  </Component>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  to?: string
+  href?: string
+  target?: string
+}>()
+</script>

package/dist/components/NuxtExampleLayout.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+const props = defineProps<{
+  name?: string
+  showTips?: boolean
+  class?: string
+  openPath?: string
+}>()
+
+const openInEditor = () => {
+  fetch(`/__open-in-editor?file=${encodeURIComponent(props.openPath || 'app.vue')}`)
+}
+</script>
+
+<template>
+  <div class="relative font-sans" n="green6">
+    <div class="container max-w-200 mx-auto py-10 px-4">
+      <div class="flex flex-col gap-2 items-center mb-4">
+        <img src="https://raw.githubusercontent.com/nuxt/framework/main/playground/assets/logo.svg" h="12">
+        <div class="text-xl flex">
+          <div class="op-50">
+            examples/
+          </div>
+          <slot name="name">
+            <NLink :href="`https://github.com/nuxt/framework/tree/main/examples/${name}`" target="_blank">
+              {{ name }}
+            </NLink>
+          </slot>
+        </div>
+        <slot name="subtitle" />
+      </div>
+
+      <slot name="nav" />
+
+      <NCard class="p-6 flex flex-col gap-2 text-center" :class="$props.class">
+        <slot />
+      </NCard>
+
+      <div
+        v-if="$slots.tips"
+        :class="showTips ? 'opacity-100' : 'opacity-0'"
+        class="transition py-5 flex items-center gap-2 text-gray-400"
+      >
+        <NIcon icon="carbon-idea" class="text-xl flex-none" />
+        <slot name="tips" />
+        <NButton icon="carbon-edit" class="flex-none" @click="openInEditor">
+          Open in Editor
+        </NButton>
+      </div>
+
+      <slot name="footer" />
+    </div>
+  </div>
+</template>

package/dist/nuxt.cjs

@@ -39,7 +39,7 @@ const NuxtUIPreset = {
         };
       }
     }],
-    [/^n-(.*)$/, rules.fontSizes[0][1]],
+    [/^n-(.*)$/, rules.fonts[1][1]],
     ["n-dashed", { "border-style": "dashed" }],
     ["n-solid", {
       "background-color": "rgba(var(--nui-c-context), 1) !important",
@@ -80,8 +80,9 @@ const NuxtUIPreset = {
     "n-transition": "transition-all duration-200",
     "n-focus-base": "ring-2 ring-context/50",
     "n-active-base": "ring-3 ring-context/10",
+    "n-link-base": "hover:decoration-dotted hover:underline-offset-2 hover:text-context hover:underline",
     "n-card-base": "border n-border-200 rounded n-bg-base shadow-sm",
-    "n-header-upper": "text-sm case-upper mb-2 leading-1.2em tracking-wide op50",
+    "n-header-upper": "text-sm uppercase mb-2 leading-1.2em tracking-wide op50",
     "n-button-base": "border n-border-base rounded shadow-sm px-1em py-0.25em inline-flex items-center gap-1 op80 !outline-none",
     "n-button-hover": "op100 !border-context text-context",
     "n-button-active": "n-active-base bg-context/5",

package/dist/nuxt.mjs

@@ -6,7 +6,7 @@ import UnocssModule from '@unocss/nuxt';
 import VueUseModule from '@vueuse/nuxt';
 import { mergeDeep } from '@unocss/core';
 import presetUno, { theme } from '@unocss/preset-uno';
-import { parseColorUtil, fontSizes } from '@unocss/preset-mini/rules';
+import { parseColorUtil, fonts } from '@unocss/preset-mini/rules';
 import presetIcons from '@unocss/preset-icons';
 import presetAttributify from '@unocss/preset-attributify';
 
@@ -29,7 +29,7 @@ const NuxtUIPreset = {
         };
       }
     }],
-    [/^n-(.*)$/, fontSizes[0][1]],
+    [/^n-(.*)$/, fonts[1][1]],
     ["n-dashed", { "border-style": "dashed" }],
     ["n-solid", {
       "background-color": "rgba(var(--nui-c-context), 1) !important",
@@ -70,8 +70,9 @@ const NuxtUIPreset = {
     "n-transition": "transition-all duration-200",
     "n-focus-base": "ring-2 ring-context/50",
     "n-active-base": "ring-3 ring-context/10",
+    "n-link-base": "hover:decoration-dotted hover:underline-offset-2 hover:text-context hover:underline",
     "n-card-base": "border n-border-200 rounded n-bg-base shadow-sm",
-    "n-header-upper": "text-sm case-upper mb-2 leading-1.2em tracking-wide op50",
+    "n-header-upper": "text-sm uppercase mb-2 leading-1.2em tracking-wide op50",
     "n-button-base": "border n-border-base rounded shadow-sm px-1em py-0.25em inline-flex items-center gap-1 op80 !outline-none",
     "n-button-hover": "op100 !border-context text-context",
     "n-button-active": "n-active-base bg-context/5",

package/nuxt.cjs

@@ -0,0 +1,6 @@
+// CommonJS proxy to bypass jiti transforms from nuxt 2 and using native ESM
+module.exports = function(...args) {
+  return import('./dist/nuxt.mjs').then(m => m.default.call(this, ...args))
+}
+
+module.exports.meta = require('./package.json')

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@nuxt/ui",
-  "version": "0.0.0-alpha.0",
+  "version": "0.0.0-alpha.4",
   "type": "module",
   "license": "MIT",
   "scripts": {
     "build": "unbuild && cp -R src/components dist/",
     "lint": "eslint . --ext .vue,.ts",
-    "dev": "yarn nuxi dev playground"
+    "dev": "yarn nuxi dev playground",
+    "prepublishOnly": "npm run build",
+    "release": "bumpp --commit --tag --push --preid alpha && yarn publish --non-interactive"
   },
   "main": "./dist/nuxt.mjs",
   "exports": {
@@ -20,27 +22,29 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "*.cjs"
   ],
   "dependencies": {
     "@nuxt/kit": "npm:@nuxt/kit-edge@latest",
-    "@unocss/core": "^0.15.6",
-    "@unocss/nuxt": "^0.15.6",
-    "@unocss/preset-attributify": "^0.15.6",
-    "@unocss/preset-icons": "^0.15.6",
-    "@unocss/preset-mini": "^0.15.6",
-    "@unocss/preset-uno": "^0.15.6",
-    "@unocss/reset": "^0.15.6",
-    "@vueuse/nuxt": "^7.2.2",
-    "@vueuse/integrations": "^7.2.2",
+    "@unocss/core": "^0.16.3",
+    "@unocss/nuxt": "^0.16.3",
+    "@unocss/preset-attributify": "^0.16.3",
+    "@unocss/preset-icons": "^0.16.3",
+    "@unocss/preset-mini": "^0.16.3",
+    "@unocss/preset-uno": "^0.16.3",
+    "@unocss/reset": "^0.16.3",
+    "@vueuse/integrations": "^7.3.0",
+    "@vueuse/nuxt": "^7.3.0",
     "focus-trap": "^6.7.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.12.2",
+    "@antfu/eslint-config": "^0.13.1",
     "@iconify-json/carbon": "^1.0.12",
+    "bumpp": "^7.1.1",
     "eslint": "^8.4.1",
     "nuxt3": "latest",
-    "typescript": "^4.5.2",
+    "typescript": "^4.5.3",
     "unbuild": "^0.6.3"
   },
   "eslintConfig": {