Simpler <NakedImage /> component

.nvmrc

@@ -1 +1 @@
-v20.5.0
+v20

README.md

@@ -18,9 +18,12 @@ A set of components and utilities to work faster with [DatoCMS](https://www.dato
 
 ## Table of Contents
 
-- [Features](#features)
-- [Installation](#installation)
-- [Development](#development)
+- [vue-datocms](#vue-datocms)
+  - [Table of Contents](#table-of-contents)
+  - [Features](#features)
+  - [Installation](#installation)
+  - [Development](#development)
+- [What is DatoCMS?](#what-is-datocms)
 
 ## Features
 
@@ -49,26 +52,24 @@ Helpers:
 npm install vue
 # Then install vue-datocms
 npm install vue-datocms
-```
-## Development
 
-This repository contains a number of examples. You can use them to locally test your changes to the package:
+# Demos
 
-- [Vue 3 + TypeScript + Vite](examples/vite-typescript-vue3/) ([running demo](https://vue-datocms-vite-typescript-vue3-example.vercel.app/))
-- [Query subscription](examples/query-subscription/) ([running demo](https://vue-datocms-query-subscription-example.vercel.app/))
-- [Site search](examples/site-search/) ([running demo](https://vue-datocms-site-search-example.vercel.app/))
+For fully working examples take a look at our [examples directory](https://github.com/datocms/vue-datocms/tree/master/examples).
 
-To use them, follow this recipe starting from the vue-datocms folder:
+Live demo: [https://vue-datocms-example.netlify.com/](https://vue-datocms-example.netlify.com/)
+
+```
+## Development
+
+This repository contains a number of demos/examples. You can use them to locally test your changes.
 
 ```bash
-npm install
-cd examples/vite-typescript-vue3
-npm run setup
+cd examples
+npm setup
 npm run dev
 ```
 
-It's not recommended to leverage `npm link` to use the working copy from the examples: that would complicate the structure of each example and it would not replicate a real-world installation. Therefore the `npm run setup` available in each example packs and installs the local copy of `vue-datocms` via a `.tgz` compressed tarball.
-
 <!--datocms-autoinclude-footer start-->
 -----------------
 # What is DatoCMS?

biome.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.2.2/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  }
+}

examples/vite-typescript-vue3/package.json → examples/package.json

@@ -4,14 +4,15 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "setup": "cd ../../; npm ci; npm run build; rm -f vue-datocms.tgz; mv -f $(npm pack 2>&1 | tail -1) vue-datocms.tgz; cd -; rm -rf node_modules/vue-datocms; npm install ../../vue-datocms.tgz; npm install",
+    "setup": "npm uninstall react-datocms && rm -rf ./node_modules/.cache && cd .. && rm -f react-datocms.tgz && npm ci && npm run build && mv -f $(npm pack 2>&1 | tail -1) react-datocms.tgz && cd examples && npm install --save ../react-datocms.tgz && npm install;",
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
+    "@datocms/cma-client-browser": "*",
     "vue": "^3.2.37",
-    "vue-datocms": "file:../../vue-datocms.tgz"
+    "vue-datocms": "file:../react-datocms.tgz"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.2.0",