feat: improve react-hook-form snippet

Author: afiiif

snippets/javascript.json

@@ -978,7 +978,7 @@
     "scope": "javascript,javascriptreact"
   },
   "🟨 rhfUseForm": {
-    "prefix": "rhf.$rhf.useForm",
+    "prefix": "useForm.$useForm.rhf",
     "body": [
       "const { ${1:register, control, handleSubmit, formState: { errors \\}} } = useForm$2($0)",
       "const onSubmit = data => console.log(data)"
@@ -987,7 +987,7 @@
     "scope": "javascript,javascriptreact"
   },
   "🟨 rhfUseFormYup": {
-    "prefix": "rhfYup.$rhfYup.useForm",
+    "prefix": "useForm.$useForm.rhfYup",
     "body": [
       "const schema = yup$4.object({",
       "\t${3:// schema fields}",
@@ -1002,7 +1002,7 @@
     "scope": "javascript,javascriptreact"
   },
   "🟨 rhfCreateFormProvider": {
-    "prefix": "rhfProv.$rhfProv.useForm",
+    "prefix": "useForm.$useForm.rhfProv",
     "body": [
       "const methods = useForm$1($2)",
       "const onSubmit = data => console.log(data)",

snippets/typescript.json

@@ -1274,7 +1274,7 @@
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
   "🟨 rhfUseForm": {
-    "prefix": "rhf.$rhf.useForm",
+    "prefix": "useForm.$useForm.rhf",
     "body": [
       "const { ${1:register, control, handleSubmit, formState: { errors \\}} } = useForm$2($0)",
       "const onSubmit = data => console.log(data)"
@@ -1283,7 +1283,7 @@
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
   "🟨 rhfUseFormYup": {
-    "prefix": "rhfYup.$rhfYup.useForm",
+    "prefix": "useForm.$useForm.rhfYup",
     "body": [
       "const schema = yup$4.object({",
       "\t${3:// schema fields}",
@@ -1298,7 +1298,7 @@
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
   "🟨 rhfCreateFormProvider": {
-    "prefix": "rhfProv.$rhfProv.useForm",
+    "prefix": "useForm.$useForm.rhfProv",
     "body": [
       "const methods = useForm$1($2)",
       "const onSubmit = data => console.log(data)",

src/snippets/react-hook-form.ts

@@ -1,7 +1,7 @@
 import { Snippet } from '../types';
 
 export const rhfUseForm: Snippet = {
-  prefix: ['rhf', 'useForm'],
+  prefix: ['useForm', 'rhf'],
   body: [
     'const { ${1:register, control, handleSubmit, formState: { errors \\}} } = useForm$2($0)',
     'const onSubmit = data => console.log(data)',
@@ -10,7 +10,7 @@ export const rhfUseForm: Snippet = {
 };
 
 export const rhfUseFormYup: Snippet = {
-  prefix: ['rhfYup', 'useForm'],
+  prefix: ['useForm', 'rhfYup'],
   body: [
     'const schema = yup$4.object({',
     '\t${3:// schema fields}',
@@ -25,7 +25,7 @@ export const rhfUseFormYup: Snippet = {
 };
 
 export const rhfCreateFormProvider: Snippet = {
-  prefix: ['rhfProv', 'useForm'],
+  prefix: ['useForm', 'rhfProv'],
   body: [
     'const methods = useForm$1($2)',
     'const onSubmit = data => console.log(data)',