chore: draft readme

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Nuxt Team
+Copyright (c) 2022-PRESENT Nuxt Team
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.prepare.md

@@ -0,0 +1,54 @@
+# Nuxt DevTools <sup>Alpha Preview</sup>
+
+Tools to enhance your development experience with Nuxt. Transparent, infomative, extensible and joyful.
+
+> **Note**: Experimental and under heavy development. APIs are subject to change.
+
+## Installation
+
+Nuxt DevTools is currently only available in edge versions (releases on every commit to `main`).
+
+Requires Nuxt 3.1.0 or higher.
+
+```bash
+npm i -D @nuxt/devtools-edge
+```
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: [
+    '@nuxt/devtools-edge',
+  ],
+})
+```
+
+Then open your app in browser. Click the Nuxt icon on the bottom to open the DevTools.
+
+## Module Authors
+
+Nuxt DevTools is designed to be extensible. You can add your own modules's integration to the DevTools.
+
+> **Warning**: API and subject to change.
+
+### Contributing to View
+
+Currently the only way to contribute to Nuxt DevTools View is via iframe. You need to serve your module's view yourself and then register it to the DevTools.
+
+```ts
+nuxt.hook('devtools:customTabs', (tabs) => {
+  tabs.push({
+    name: 'my-module',
+    title: 'My Module',
+    icon: 'carbon:apps', // any icon name from Iconify
+    view: {
+      type: 'iframe',
+      src: '/url-to-your-module-view',
+    },
+  })
+})
+```
+
+## License
+
+[MIT](./LICENSE)

client/components/ComposableItem.vue

@@ -46,7 +46,7 @@ const modules = $computed(() => metadata?.injectionUsage?.[name]?.moduleIds || [
         <div border="t base" px4 py3>
           <template v-if="usageCount">
             <div text-sm>
-              <span op50>It has been referenced </span><strong text-primary>{{ usageCount }}</strong><span op50>times by:</span>
+              <span op50>It has been referenced </span><strong text-primary>{{ usageCount }}</strong><span op50> times by:</span>
             </div>
             <div flex="~ col gap-2" items-start pt3 text-sm>
               <FilepathItem