chore: update og

Author: anh-ld

docs/.vitepress/config.js

@@ -16,21 +16,21 @@ export default {
       'meta',
       {
         property: 'twitter:description',
-        content: 'Tiny Vue Validate Composition',
+        content: 'Tiny Vue validate Composition',
       },
     ],
     [
       'meta',
       {
         property: 'og:image',
-        content: 'https://vue-tiny-validate.js.org/og.png',
+        content: 'https://vue-tiny-validate.js.org/og_.jpeg',
       },
     ],
     [
       'meta',
       {
         property: 'twitter:image',
-        content: 'https://vue-tiny-validate.js.org/og.png',
+        content: 'https://vue-tiny-validate.js.org/og_.jpeg',
       },
     ],
   ],

docs/getting-started.md

@@ -23,6 +23,7 @@ Now that you've installed the library, let's get started with a basic usage guid
   <button v-on:click='result.$test'>Validate</button>
 </template>
 
+<script>
 import { reactive } from 'vue';
 import useValidate from 'vue-tiny-validate';
 
@@ -42,6 +43,7 @@ export default {
     return { result, data };
   }
 }
+</script>
 ```
 
 As you can see above, the `useValidate` composition requires 2 parameters `data` and `rules`.

docs/public/og_.jpeg

@@ -12,6 +12,7 @@
   <button v-on:click='result.$test'>Validate</button>
 </template>
 
+<script>
 import { reactive } from 'vue';
 import useValidate from 'vue-tiny-validate';
 
@@ -33,6 +34,7 @@ export default {
     return { result, data };
   }
 }
+</script>
 ```
 
 The `useValidate` composition requires 3 parameters: `data`, `rules` and `options`. `data` and `rules` are **mandatory**.