setando valores padrão caso não tenha cookies

Author: bernardoazevedo

public/assets/js/script.js

@@ -27,23 +27,23 @@ $(document).ready(function(){
 
     $('#text').val(Cookies.get("markdownText"));
 
-    let textColor = Cookies.get("textColor");
+    let textColor = Cookies.get("textColor") ?? '#374151';
     $('#textColor').val(textColor);
     root.style.setProperty('--textColor', textColor);
 
-    let highlightColor = Cookies.get("highlightColor");
+    let highlightColor = Cookies.get("highlightColor") ?? '#559949';
     $('#highlightColor').val(highlightColor);
     root.style.setProperty('--highlightColor', highlightColor);
 
-    let backgroundColor = Cookies.get("backgroundColor");
+    let backgroundColor = Cookies.get("backgroundColor") ?? '#FFFFFF';
     $('#backgroundColor').val(backgroundColor);
     root.style.setProperty('--backgroundColor', backgroundColor);
 
-    let titleMargin = Cookies.get("titleMargin");
+    let titleMargin = Cookies.get("titleMargin") ?? '4';
     $('#titleMargin').val(titleMargin);
     root.style.setProperty('--titleMargin', titleMargin+'px');
 
-    let marginHeight = Cookies.get("marginHeight");
+    let marginHeight = Cookies.get("marginHeight") ?? '4';
     $('#marginHeight').val(marginHeight);
     root.style.setProperty('--marginHeight', marginHeight+'px');
 
@@ -97,6 +97,7 @@ $(document).ready(function(){
         tempTextarea.remove();
     });
 
+
     let insertTextInTextarea = function(newText){
         event.preventDefault();
         let textarea = $('#text');

resources/views/layouts/app.blade.php

@@ -19,7 +19,7 @@
         <title>{{ config('app.name', 'Markdown Editor') }}</title>
 
         <link rel="icon" href="{{ url('assets/images/favicon.svg') }}">
-        <link rel="stylesheet" href="{{ asset('assets/css/app.css?v2') }}" >
+        <link rel="stylesheet" href="{{ asset('assets/css/app.css?v3') }}" >
 
         <!-- Scripts -->
         @vite(['resources/css/app.css', 'resources/js/app.js'])