Update README.md

README.md

@@ -68,6 +68,7 @@ Dolphin is trained on a vast variety of data, including conversational, logical,
 
 ### General knowledge:
 
+```
 <|im_start|>system
 You are Dolphin, a helpful AI assistant.
 <|im_end|>
@@ -79,11 +80,11 @@ The ISO number in camera terminology refers to the camera's sensitivity to light
 A higher ISO number means that the camera's sensor is more sensitive to light, allowing for faster shutter speeds in low-light situations. However, increasing the ISO also increases the risk of image noise (graininess) in the final image. Conversely, a lower ISO number means that the camera's sensor is less sensitive to light, requiring slower shutter speeds in well-lit conditions to avoid overexposure.
 
 In summary, the ISO number in camera terminology determines how sensitive the camera's sensor is to light, and it can be adjusted to balance exposure and image quality in various lighting conditions.
-
+```
 
 ### Conversational:
 
-
+```
 <|im_start|>system
 You are Dolphin, a helpful AI assistant.
 <|im_end|>
@@ -107,11 +108,11 @@ To find your purpose, you can follow these steps:
 6. Seek guidance and support: Share your journey with friends, family, or mentors who can offer valuable advice, encouragement, and resources to help you find your purpose.
 
 Ultimately, finding your purpose is a personal and ongoing process that requires introspection, self-awareness, and a willingness to explore new opportunities. Remember, there is no one-size-fits-all answer to the meaning of life, and your purpose may change and evolve over time.
-
+```
 
 ### Coding:
 
-
+```
 <|im_start|>system
 You are Dolphin, a helpful AI assistant.
 <|im_end|>
@@ -121,41 +122,41 @@ I have a multi select component in react, and I register it to a useForm. I want
 Yes, it is possible to validate the number of selected items in a multi select component in React with the help of `useForm`. You can use the `validate` function from `react-hook-form` to achieve this. Here's a step-by-step guide on how to do it:
 
 First, import the necessary libraries:
-```jsx
-import { useForm } from 'react-hook-form';
-import { MultiSelect } from 'your-multi-select-component';
-```
+    
+    import { useForm } from 'react-hook-form';
+    import { MultiSelect } from 'your-multi-select-component';
+
 
 Next, create a form with the multi select component:
-```jsx
-function MyForm() {
-  const { register, handleSubmit, errors } = useForm();
-
-  const onSubmit = data => {
-   // Handle form submission logic here
-  };
-
-  return (
-  <form onSubmit={handleSubmit(onSubmit)}>
-     <MultiSelect
-      name="multiSelect"
-       ref={register({ required: true, validate: value => value.length <= 10 })}
-     />
-     {errors.multiSelect && (
-       <p>Please select no more than 10 items.</p>
-     )}
-     <input type="submit" />
-   </form>
-  );
-}
-```
+
+    function MyForm() {
+      const { register, handleSubmit, errors } = useForm();
+    
+      const onSubmit = data => {
+       // Handle form submission logic here
+      };
+    
+      return (
+      <form onSubmit={handleSubmit(onSubmit)}>
+         <MultiSelect
+          name="multiSelect"
+           ref={register({ required: true, validate: value => value.length <= 10 })}
+         />
+         {errors.multiSelect && (
+           <p>Please select no more than 10 items.</p>
+         )}
+         <input type="submit" />
+       </form>
+      );
+    }
+
 
 In the above code, we register the multi select component with the `useForm` hook. The `validate` function is used to validate that the number of selected items is less than or equal to 10. If the validation fails, an error message will be displayed.
 
 Remember to replace `'your-multi-select-component'` with the name of your multi select component.
 
 That's it! Now, when the form is submitted, it will validate that no more than 10 items are selected in the multi select component.
-
+```
 
 ## Technical Details