vue-use-date-format 1.0.1 → 1.0.2

package/README.github.md

@@ -4,15 +4,13 @@
 
 <h1 align="center">vue-use-date-format</h1>
 
-<p align="center">A Vue 3 composition API utility for formatting dates reactively using format tokens (YYYY, MM, DD, HH, mm, ss, etc.). Supports localization and custom meridiem.</p>
+<p align="center"></p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue-use-date-format"><img src="https://img.shields.io/npm/v/vue-use-date-format.svg" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/vue-use-date-format"><img src="https://img.shields.io/npm/dm/vue-use-date-format.svg" alt="npm downloads" /></a>
-  <a href="https://github.com/vuefrag/vue-use-date-format/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/vue-use-date-format.svg" alt="license" /></a>
 </p>
 
-
 ## Installation
 
 ```bash
@@ -21,10 +19,6 @@ npm install vue-use-date-format
 
 ## Usage
 
-```ts
-import { useDateFormat } from 'vue-use-date-format';
-```
-
 Get the formatted date according to the string of tokens passed in, inspired
 by [dayjs](https://github.com/iamkun/dayjs).
 
@@ -117,9 +111,8 @@ const pm = useDateFormat('2022-01-01 17:05:05', 'hh:mm:ss AA', { customMeridiem
 </script>
 ```
 
-> Extracted from [VueUse](https://vueuse.org/) for standalone use.
-
-
 ## License
 
 MIT
+
+Extracted from [VueUse](https://vueuse.org/) for standalone use.

package/README.md

@@ -4,15 +4,13 @@
 
 <h1 align="center">vue-use-date-format</h1>
 
-<p align="center">A Vue 3 composition API utility for formatting dates reactively using format tokens (YYYY, MM, DD, HH, mm, ss, etc.). Supports localization and custom meridiem.</p>
+<p align="center"></p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue-use-date-format"><img src="https://img.shields.io/npm/v/vue-use-date-format.svg" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/vue-use-date-format"><img src="https://img.shields.io/npm/dm/vue-use-date-format.svg" alt="npm downloads" /></a>
-  <a href="https://github.com/vuefrag/vue-use-date-format/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/vue-use-date-format.svg" alt="license" /></a>
 </p>
 
-
 ## Installation
 
 ```bash
@@ -21,10 +19,6 @@ npm install vue-use-date-format
 
 ## Usage
 
-```ts
-import { useDateFormat } from 'vue-use-date-format';
-```
-
 Get the formatted date according to the string of tokens passed in, inspired
 by [dayjs](https://github.com/iamkun/dayjs).
 
@@ -117,9 +111,8 @@ const pm = useDateFormat('2022-01-01 17:05:05', 'hh:mm:ss AA', { customMeridiem
 </script>
 ```
 
-> 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,15 +4,13 @@
 
 <h1 align="center">vue-use-date-format</h1>
 
-<p align="center">A Vue 3 composition API utility for formatting dates reactively using format tokens (YYYY, MM, DD, HH, mm, ss, etc.). Supports localization and custom meridiem.</p>
+<p align="center"></p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue-use-date-format"><img src="https://img.shields.io/npm/v/vue-use-date-format.svg" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/vue-use-date-format"><img src="https://img.shields.io/npm/dm/vue-use-date-format.svg" alt="npm downloads" /></a>
-  <a href="https://github.com/vuefrag/vue-use-date-format/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/vue-use-date-format.svg" alt="license" /></a>
 </p>
 
-
 ## Installation
 
 ```bash
@@ -21,10 +19,6 @@ npm install vue-use-date-format
 
 ## Usage
 
-```ts
-import { useDateFormat } from 'vue-use-date-format';
-```
-
 Get the formatted date according to the string of tokens passed in, inspired
 by [dayjs](https://github.com/iamkun/dayjs).
 
@@ -117,9 +111,8 @@ const pm = useDateFormat('2022-01-01 17:05:05', 'hh:mm:ss AA', { customMeridiem
 </script>
 ```
 
-> Extracted from [VueUse](https://vueuse.org/) for standalone use.
-
-
 ## License
 
 MIT
+
+Extracted from [VueUse](https://vueuse.org/) for standalone use.

package/banner.svg

@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 640" width="1280" height="640">
+  <defs>
+    <linearGradient id="banner-bg" 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>
+
+  <!-- Background -->
+  <rect width="1280" height="640" fill="url(#banner-bg)"/>
+
+  <!-- Decorative elements -->
+  <circle cx="200" cy="150" r="120" fill="#e67e22" opacity="0.06"/>
+  <circle cx="1150" cy="500" r="100" fill="#e67e22" opacity="0.06"/>
+
+  <!-- Top accent bar -->
+  <rect x="0" y="0" width="1280" height="8" fill="#e67e22"/>
+
+  <!-- Vuefrag badge -->
+  <g transform="translate(80, 80)">
+    <rect width="140" height="50" rx="8" fill="#e67e22"/>
+    <text x="70" y="33" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="22" font-weight="700" fill="white">Vuefrag</text>
+  </g>
+
+  <!-- Package name -->
+  <text x="80" y="280" font-family="system-ui, -apple-system, sans-serif" font-size="72" font-weight="700" fill="white">vue-use-date-format</text>
+
+  <!-- Description -->
+  <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)">
+    <rect width="513.6" height="60" rx="8" fill="#0f172a"/>
+    <text x="20" y="40" font-family="ui-monospace, monospace" font-size="24" fill="#94a3b8">npm install</text>
+    <text x="200" y="40" font-family="ui-monospace, monospace" font-size="24" fill="#e67e22">vue-use-date-format</text>
+  </g>
+
+  <!-- Category badge -->
+  <g transform="translate(80, 520)">
+    <rect width="88" height="40" rx="20" fill="#e67e22" opacity="0.2"/>
+    <text x="44" y="27" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="18" fill="#e67e22">Time</text>
+  </g>
+
+  <!-- Category icon (top right corner) -->
+  <g>
+    <circle cx="1080" cy="150" r="70" fill="none" stroke="#e67e22" stroke-width="15"/><path d="M1080 90v60h40" fill="none" stroke="#e67e22" stroke-width="12" stroke-linecap="round"/>
+  </g>
+</svg>

package/logo.svg

@@ -0,0 +1,13 @@
+<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="#2c3e50"/>
+
+  <!-- Primary shape -->
+  <circle cx="48" cy="42" r="20" fill="#e67e22"/>
+
+  <!-- Function name -->
+  <text x="48" y="72" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="7" fill="#e67e22" opacity="0.85">Time</text>
+
+  <!-- Bottom accent line -->
+  <rect x="28" y="82" width="40" height="2" rx="1" fill="#e67e22" opacity="0.5"/>
+</svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-use-date-format",
-  "version": "1.0.1",
-  "description": "Vue 3 reactive date formatting with customizable tokens",
+  "version": "1.0.2",
+  "description": "Vue 3 composable utility",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -13,7 +13,10 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "logo.svg",
+    "banner.svg",
+    "README.md"
   ],
   "scripts": {
     "build": "unbuild",
@@ -21,23 +24,14 @@
     "postpublish": "cp README.github.md README.md"
   },
   "keywords": [
-    "vue",
-    "vue3",
-    "vue-3",
-    "composable",
-    "composition-api",
-    "vueuse",
-    "time",
     "date",
-    "datetime",
-    "timer",
-    "use",
     "format",
     "reactive",
+    "time",
     "tokens",
     "strftime",
     "localize",
-    "useDateFormat"
+    "datetime"
   ],
   "author": "VueFrag",
   "license": "MIT",
@@ -57,4 +51,4 @@
     "typescript": "^5.0.0",
     "vue": "^3.4.0"
   }
-}
+}