@nuxt/devtools-ui-kit 1.7.0 → 2.0.0-beta.3

package/README.md

@@ -1,6 +1,6 @@
 # @nuxt/devtools-ui-kit
 
-<a href="https://www.npmjs.com/package/@nuxt/devtools-ui-kit-edge"><img src="https://flat.badgen.net/npm/v/@nuxt/devtools-ui-kit-edge"></a>
+<a href="https://www.npmjs.com/package/@nuxt/devtools-ui-kit"><img src="https://flat.badgen.net/npm/v/@nuxt/devtools-ui-kit"></a>
 
 > **Warning**: This library is heavily working in progress. Breaking changes may not follow semver. Pin the version if used.
 

package/dist/components/NCodeBlock.vue

@@ -9,6 +9,7 @@ const props = withDefaults(
     code: string
     lang?: BuiltinLanguage | 'text'
     lines?: boolean
+    inline?: boolean
     transformRendered?: (code: string) => string
   }>(),
   {
@@ -28,24 +29,22 @@ const rendered = computed(() => {
     nextTick(() => emit('loaded'))
   return result
 })
+
+const classes = computed(() => [
+  'n-code-block shiki',
+  (props.lines && !props.inline) ? 'n-code-block-lines' : '',
+])
 </script>
 
 <template>
   <template v-if="lang && rendered.supported">
-    <pre
-      class="n-code-block"
-      :class="lines ? 'n-code-block-lines' : ''"
-      v-html="rendered.code"
-    />
+    <pre :class="classes"><code v-html="rendered.code" /></pre>
   </template>
   <template v-else>
-    <pre
-      class="n-code-block"
-      :class="lines ? 'n-code-block-lines' : ''"
-    ><pre class="shiki"><code><template v-for="line, _idx in code.split('\n')" :key="_idx"><span class="line" v-text="line" /><br></template></code></pre></pre>
+    <pre :class="classes"><code><template v-for="line, _idx in code.split('\n')" :key="_idx"><span class="line" v-text="line" /><br></template></code></pre>
   </template>
 </template>
 
 <style>
-.n-code-block-lines .shiki code{counter-increment:step calc(var(--start, 1) - 1);counter-reset:step}.n-code-block-lines .shiki code .line:before{content:counter(step);counter-increment:step;display:inline-block;margin-right:.5rem;padding-right:.5rem;text-align:right;width:2.5rem;--at-apply:text-truegray:50}
+.n-code-block-lines code{counter-increment:step calc(var(--start, 1) - 1);counter-reset:step}.n-code-block-lines code .line:before{content:counter(step);counter-increment:step;display:inline-block;margin-right:.5rem;padding-right:.5rem;text-align:right;width:2.5rem;--uno:text-truegray/50}
 </style>

package/dist/components/NNavbar.vue

@@ -14,15 +14,15 @@ function update(event: any) {
 </script>
 
 <template>
-  <div flex="~ col gap2" border="b base" flex-1 n-navbar-glass :class="[{ p4: !noPadding }]">
-    <div flex="~ gap4" items-center>
+  <div flex="~ col gap2 wrap" border="b base" flex-1 n-navbar-glass :class="[{ p4: !noPadding }]">
+    <div flex="~ gap4 wrap" items-center>
       <slot name="search">
         <NTextInput
           v-if="search !== undefined"
           placeholder="Search..."
           icon="carbon-search"
           n="primary" flex-auto
-          :class="{ 'px-5 py-2': !noPadding }"
+          :class="{ 'px-3 py-2': !noPadding }"
           :value="search"
           @input="update"
         />

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "1.7.0",
+  "version": "2.0.0-beta.3",
   "builder": {
     "@nuxt/module-builder": "0.8.3",
-    "unbuild": "3.0.1"
+    "unbuild": "3.3.1"
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "type": "module",
-  "version": "1.7.0",
+  "version": "2.0.0-beta.3",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/ui-kit",
   "repository": {
@@ -28,33 +28,33 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "1.7.0"
+    "@nuxt/devtools": "2.0.0-beta.3"
   },
   "dependencies": {
     "@iconify-json/carbon": "^1.2.5",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/ri": "^1.2.5",
-    "@iconify-json/tabler": "^1.2.13",
-    "@nuxt/kit": "^3.15.0",
-    "@unocss/core": "^0.65.3",
-    "@unocss/nuxt": "^0.65.3",
-    "@unocss/preset-attributify": "^0.65.3",
-    "@unocss/preset-icons": "^0.65.3",
-    "@unocss/preset-mini": "^0.65.3",
-    "@unocss/reset": "^0.65.3",
-    "@vueuse/core": "^12.2.0",
-    "@vueuse/integrations": "^12.2.0",
-    "@vueuse/nuxt": "^12.2.0",
+    "@iconify-json/tabler": "^1.2.14",
+    "@nuxt/kit": "^3.15.1",
+    "@unocss/core": "^65.4.0",
+    "@unocss/nuxt": "^65.4.0",
+    "@unocss/preset-attributify": "^65.4.0",
+    "@unocss/preset-icons": "^65.4.0",
+    "@unocss/preset-mini": "^65.4.0",
+    "@unocss/reset": "^65.4.0",
+    "@vueuse/core": "^12.4.0",
+    "@vueuse/integrations": "^12.4.0",
+    "@vueuse/nuxt": "^12.4.0",
     "defu": "^6.1.4",
-    "focus-trap": "^7.6.2",
-    "splitpanes": "^3.1.5",
-    "unocss": "^0.65.3",
+    "focus-trap": "^7.6.4",
+    "splitpanes": "^3.1.8",
+    "unocss": "^65.4.0",
     "v-lazy-show": "^0.3.0",
-    "@nuxt/devtools-kit": "1.7.0"
+    "@nuxt/devtools-kit": "2.0.0-beta.3"
   },
   "devDependencies": {
-    "nuxt": "^3.15.0",
-    "@nuxt/devtools": "1.7.0"
+    "nuxt": "^3.15.1",
+    "@nuxt/devtools": "2.0.0-beta.3"
   },
   "publishConfig": {
     "access": "public"