refactor: updated text on readme and textsection, and fixed NaN bug w…

…ith calculator

README.md

@@ -1,3 +1,7 @@
 # My Calculator
 
-This project showcases a Vue.js-based calculator application, highlighting both the framework’s powerful capabilities and my expertise in web development. The calculator is designed to perform basic arithmetic operations, including addition, subtraction, multiplication, and division. It also supports percentage calculations and negative number operations. Link: https://kluge7.github.io/my-calculator/
+This project showcases a Vue.js-based calculator application, highlighting both the framework’s powerful capabilities and my expertise in web development. The calculator is designed to perform basic arithmetic operations, including addition, subtraction, multiplication, and division. It also supports percentage calculations and negative number operations. 
+
+**This calculator is fully optimized for mobile devices and can be seamlessly used on your phone.**
+
+Link: https://kluge7.github.io/my-calculator/

src/components/TextSection.vue

@@ -8,6 +8,9 @@
       multiplication, and division. It also supports percentage calculations and negative number
       operations.
     </p>
+    <p>
+      <strong>My Calculator is fully optimized for mobile devices and can be seamlessly used on your phone.</strong>
+    </p>
   </div>
 </template>
 

src/components/calculator/SimpleCalculator.vue

@@ -8,10 +8,7 @@ import { evaluate } from 'mathjs'
 const displayValue = ref('')
 
 const handleCalculatorButtonClick = (value: string) => {
-  if (
-    (displayValue.value === 'Error' || parseFloat(displayValue.value) === Infinity) &&
-    value !== '='
-  ) {
+  if (((displayValue.value === 'Error') || (parseFloat(displayValue.value) === Infinity) || isNaN(parseFloat(displayValue.value)))  && value !== '=') {
     displayValue.value = ''
   }
   if (value === 'AC') {