vue-make-destructurable 1.0.0 → 1.0.1

package/README.github.md

@@ -4,12 +4,11 @@
 
 <h1 align="center">vue-make-destructurable</h1>
 
-<p align="center">A Vue 3 composition API utility that makes an object destructurable as both an object and an array simultaneously, allowing flexible consumption patterns like composables returning multiple values.</p>
+<p align="center"></p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue-make-destructurable"><img src="https://img.shields.io/npm/v/vue-make-destructurable.svg" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/vue-make-destructurable"><img src="https://img.shields.io/npm/dm/vue-make-destructurable.svg" alt="npm downloads" /></a>
-  <a href="https://github.com/vuefrag/vue-make-destructurable/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/vue-make-destructurable.svg" alt="license" /></a>
 </p>
 
 ## Installation
@@ -20,10 +19,6 @@ npm install vue-make-destructurable
 
 ## Usage
 
-```ts
-import { makeDestructurable } from 'vue-make-destructurable';
-```
-
 Make isomorphic destructurable for object and array at the same time. See [this blog](https://antfu.me/posts/destructuring-with-object-or-array/) for more details.
 
 TypeScript Example:
@@ -47,8 +42,8 @@ let { foo, bar } = obj
 let [foo, bar] = obj
 ```
 
-> Extracted from [VueUse](https://vueuse.org/) for standalone use.
-
 ## License
 
 MIT
+
+Extracted from [VueUse](https://vueuse.org/) for standalone use.

package/README.md

@@ -4,12 +4,11 @@
 
 <h1 align="center">vue-make-destructurable</h1>
 
-<p align="center">A Vue 3 composition API utility that makes an object destructurable as both an object and an array simultaneously, allowing flexible consumption patterns like composables returning multiple values.</p>
+<p align="center"></p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue-make-destructurable"><img src="https://img.shields.io/npm/v/vue-make-destructurable.svg" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/vue-make-destructurable"><img src="https://img.shields.io/npm/dm/vue-make-destructurable.svg" alt="npm downloads" /></a>
-  <a href="https://github.com/vuefrag/vue-make-destructurable/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/vue-make-destructurable.svg" alt="license" /></a>
 </p>
 
 ## Installation
@@ -20,10 +19,6 @@ npm install vue-make-destructurable
 
 ## Usage
 
-```ts
-import { makeDestructurable } from 'vue-make-destructurable';
-```
-
 Make isomorphic destructurable for object and array at the same time. See [this blog](https://antfu.me/posts/destructuring-with-object-or-array/) for more details.
 
 TypeScript Example:
@@ -47,8 +42,8 @@ let { foo, bar } = obj
 let [foo, bar] = obj
 ```
 
-> Extracted from [VueUse](https://vueuse.org/) for standalone use.
-
 ## License
 
 MIT
+
+Extracted from [VueUse](https://vueuse.org/) for standalone use.

package/README.npm.md

@@ -4,12 +4,11 @@
 
 <h1 align="center">vue-make-destructurable</h1>
 
-<p align="center">A Vue 3 composition API utility that makes an object destructurable as both an object and an array simultaneously, allowing flexible consumption patterns like composables returning multiple values.</p>
+<p align="center"></p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue-make-destructurable"><img src="https://img.shields.io/npm/v/vue-make-destructurable.svg" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/vue-make-destructurable"><img src="https://img.shields.io/npm/dm/vue-make-destructurable.svg" alt="npm downloads" /></a>
-  <a href="https://github.com/vuefrag/vue-make-destructurable/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/vue-make-destructurable.svg" alt="license" /></a>
 </p>
 
 ## Installation
@@ -20,10 +19,6 @@ npm install vue-make-destructurable
 
 ## Usage
 
-```ts
-import { makeDestructurable } from 'vue-make-destructurable';
-```
-
 Make isomorphic destructurable for object and array at the same time. See [this blog](https://antfu.me/posts/destructuring-with-object-or-array/) for more details.
 
 TypeScript Example:
@@ -47,8 +42,8 @@ let { foo, bar } = obj
 let [foo, bar] = obj
 ```
 
-> Extracted from [VueUse](https://vueuse.org/) for standalone use.
-
 ## License
 
 MIT
+
+Extracted from [VueUse](https://vueuse.org/) for standalone use.

package/banner.svg

@@ -26,7 +26,7 @@
   <text x="80" y="280" font-family="system-ui, -apple-system, sans-serif" font-size="72" font-weight="700" fill="white">vue-make-destructurable</text>
 
   <!-- Description -->
-  <text x="80" y="360" font-family="system-ui, -apple-system, sans-serif" font-size="32" fill="#94a3b8">Vue 3 utility enabling both object and array destructuring</text>
+  <text x="80" y="360" font-family="system-ui, -apple-system, sans-serif" font-size="32" fill="#94a3b8">Vue 3 composable utility</text>
 
   <!-- Install command -->
   <g transform="translate(80, 420)">

package/logo.svg

@@ -1,29 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" width="256" height="256">
-  <defs>
-    <linearGradient id="bg-grad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#2c3e50;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#1a252f;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
   <!-- Background -->
-  <rect width="96" height="96" rx="16" fill="url(#bg-grad)"/>
-
-  <!-- Vue badge -->
-  <g transform="translate(8, 8)">
-    <rect width="18" height="9" rx="2" fill="#3498db"/>
-    <text x="9" y="6.8" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="4.5" font-weight="700" fill="white">VUE</text>
-  </g>
-
-  <!-- Category icon -->
-  <g>
-    <path d="M42 20l-8 8 8 8" fill="none" stroke="#3498db" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M54 20l8 8-8 8" fill="none" stroke="#3498db" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><line x1="51" y1="18" x2="45" y2="38" stroke="#3498db" stroke-width="2" stroke-linecap="round"/>
-  </g>
+  <rect width="96" height="96" rx="16" fill="#2c3e50"/>
 
-  <!-- Function name - textLength ensures it fits within bounds -->
-  <text x="48" y="60" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="7" font-weight="600" fill="white" textLength="79.8" lengthAdjust="spacingAndGlyphs">Make Destructurable</text>
+  <!-- Primary shape -->
+  <circle cx="48" cy="42" r="20" fill="#3498db"/>
 
-  <!-- Category label -->
+  <!-- Function name -->
   <text x="48" y="72" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="7" fill="#3498db" opacity="0.85">Utilities</text>
 
   <!-- Bottom accent line -->

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-make-destructurable",
-  "version": "1.0.0",
-  "description": "Vue 3 utility enabling both object and array destructuring",
+  "version": "1.0.1",
+  "description": "Vue 3 composable utility",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -15,7 +15,8 @@
   "files": [
     "dist",
     "logo.svg",
-    "banner.svg"
+    "banner.svg",
+    "README.md"
   ],
   "scripts": {
     "build": "unbuild",
@@ -23,25 +24,13 @@
     "postpublish": "cp README.github.md README.md"
   },
   "keywords": [
-    "vue",
-    "vue3",
-    "vue-3",
-    "composable",
-    "composition-api",
-    "vueuse",
-    "utility",
-    "helper",
-    "utils",
-    "make",
-    "destructurable",
     "destructure",
     "array",
     "object",
     "isomorphic",
     "dual",
     "flexible",
-    "spread",
-    "makeDestructurable"
+    "spread"
   ],
   "author": "VueFrag",
   "license": "MIT",
@@ -61,4 +50,4 @@
     "typescript": "^5.0.0",
     "vue": "^3.4.0"
   }
-}
+}