{
	// Place your snippets for javascriptreact here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"Init style":{
		"prefix": "ims",
		"body": [
			"import classNames from 'classnames/bind'",
			"import styles from '${1}'",
			"",
			"let cx = classNames.bind(styles);"
		],
		"description": "import style"
	},
	"Import trans": {
		"prefix": "imtrans",
		"body": [
			"import { useTranslation } from 'react-i18next'",
			"const { t } = useTranslation();",
		],
		"description": "import translation"
	},
	"Import Recoil": {
		"prefix": "imrecoil",
		"body": [
			"import { useRecoilState } from 'recoil'",
			"import { ${1}State } from '${2}'",
		],
		"description": "import recoil"
	},
	"Import Socket": {
		"prefix": "imsocket",
		"body": [
			"import io from 'socket.io-client'",
			"import { url } from '${2}'",
			"",
			"const socket = io(url)"
		],
		"description": "import recoil"
    },
    "getStaticProps": {
		"prefix": "getStaticProps",
		"body": [
            "export async function getStaticProps(${1})"
		],
		"description": "getStaticProps"
    },
    "getStaticPaths": {
		"prefix": "getStaticPaths",
		"body": [
            "export async function getStaticPaths(${1}) {",
            "    ${2}",
            "    return { ${paths}, fallback: false }",
            "}"
		],
		"description": "getStaticPaths"
	}
}