feat: add i18n code snippets

Author: imrim12

.vscode/i18n.code-snippets

@@ -0,0 +1,25 @@
+{
+  "i18n translate": {
+    "scope": "vue-html",
+    "prefix": ["t()", "$t()", "$i18n.$t()"],
+    "body": ["$$t('${1}')"],
+    "description": "Function of i18n to enable localization on a string"
+  },
+  "i18n translate full API": {
+    "scope": "vue-html",
+    "prefix": ["$i18n.$t()"],
+    "body": ["$$t('${1}')"],
+    "description": "Function of i18n to enable localization on a string"
+  },
+  "i18n translate composition": {
+    "prefix": "i18n.t()",
+    "body": ["i18n.t('${1}')"],
+    "description": "Function of i18n to enable localization on a string in composition API"
+  },
+  "i18n template": {
+    "scope": "vue",
+    "prefix": "i18n template",
+    "body": ["<i18n lang=\"yaml\">\r", "vi:\r", "  ${1}\r", "</i18n>\r", ""],
+    "description": "Template syntax for i18n in component"
+  }
+}

README.md

@@ -22,7 +22,26 @@ $ yarn generate
 
 For detailed explanation on how things work, check out the [documentation](https://nuxtjs.org).
 
-## Special Directories
+## Snippets
+
+Checkout .vscode for code snippets
+
+The project is setup with some simple i18n snippets:
+
+```javascript
+$t('');
+$i18n.$t('');
+i18n.t('');
+```
+
+```yaml
+<i18n lang="yaml">
+fr:
+  Your code: Votre code
+</i18n>
+```
+
+## Directories
 
 You can create the following extra directories, some of which have special behaviors. Only `pages` is required; you can delete them if you don't want to use their functionality.