Cast value to string

README.md

@@ -117,7 +117,7 @@ The prefix, thousands separator, decimal character, precision and suffix can be
 Alpine JS along with the magics can be utilized to transform inputs to numbers before submitting a form.
 
 ```js
-<div x-data="{ amount: '10000', formData: {} }" class="space-y-4">
+<div x-data="{ amount: 10000, formData: {} }" class="space-y-4">
   <form @submit.prevent="formData = { amount: $toNumber(amount) }">
     <label for="form-example" class="mr-2">Amount:</label>
     <input

index.html

@@ -229,7 +229,7 @@ <h2 class="font-semibold mb-2">Form Example</h2>
 
           <div class="font-mono rounded-lg p-3 bg-gray-100 my-6 overflow-scroll">
             <pre class="max-w-12">
-&lt;div x-data=&quot;{ amount: '10000', formData: {} }&quot; class=&quot;space-y-4&quot;&gt;
+&lt;div x-data=&quot;{ amount: 10000, formData: {} }&quot; class=&quot;space-y-4&quot;&gt;
 
   &lt;form <span class="text-red-500">@submit.prevent=&quot;formData = { amount: $toNumber(amount) }&quot;</span>&gt;
     &lt;label for=&quot;form-example&quot; class=&quot;mr-2&quot;&gt;Amount:&lt;/label&gt;
@@ -251,7 +251,7 @@ <h2 class="font-semibold mb-2">Form Example</h2>
 &lt;/div&gt;</pre>
           </div>
 
-          <div x-data="{ amount: '10000', formData: {} }" class="space-y-4">
+          <div x-data="{ amount: 10000, formData: {} }" class="space-y-4">
             <form @submit.prevent="formData = { amount: $toNumber(amount) }">
               <label for="form-example" class="mr-2">Amount:</label>
               <input

package.json

@@ -1,6 +1,6 @@
 {
   "name": "alpinejs-number",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Enhanced Numeric Input for Alpine.js: Simplifying Number Formatting and Currency Handling.",
   "homepage": "https://boptom.github.io/alpinejs-number",
   "keywords": [

src/index.js

@@ -173,7 +173,7 @@ export default function (Alpine) {
   // Returns a number from a number string
   Alpine.magic("toNumber", () => (value, decimalChar = ".", precision = -1) => {
     return Number(
-      toNumber(value, 0, false, {
+      toNumber(String(value), 0, false, {
         decimalChar,
         precision,
         unsigned: false,