{"action":"opened","issue":{"url":"https://api.github.com/repos/gandm/language-babel/issues/362","repository_url":"https://api.github.com/repos/gandm/language-babel","labels_url":"https://api.github.com/repos/gandm/language-babel/issues/362/labels{/name}","comments_url":"https://api.github.com/repos/gandm/language-babel/issues/362/comments","events_url":"https://api.github.com/repos/gandm/language-babel/issues/362/events","html_url":"https://github.com/gandm/language-babel/issues/362","id":227102802,"number":362,"title":"Autocomplete atom snippet inside Styled-Components template literal","user":{"login":"DJTB","id":5353151,"avatar_url":"https://avatars2.githubusercontent.com/u/5353151?v=3","gravatar_id":"","url":"https://api.github.com/users/DJTB","html_url":"https://github.com/DJTB","followers_url":"https://api.github.com/users/DJTB/followers","following_url":"https://api.github.com/users/DJTB/following{/other_user}","gists_url":"https://api.github.com/users/DJTB/gists{/gist_id}","starred_url":"https://api.github.com/users/DJTB/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DJTB/subscriptions","organizations_url":"https://api.github.com/users/DJTB/orgs","repos_url":"https://api.github.com/users/DJTB/repos","events_url":"https://api.github.com/users/DJTB/events{/privacy}","received_events_url":"https://api.github.com/users/DJTB/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-08T16:33:43Z","updated_at":"2017-05-08T16:33:43Z","closed_at":null,"body":"I love the syntax highlighting available when using styled-components as so:\r\n```js\r\nconst text = styled.p`\r\n  color: ${palette.primary};\r\n`;\r\n```\r\n\r\nHowever, I'm trying to get some atom snippets working to save myself repetitive typing. I can't seem to get the snippet to show in autocomplete while between the styled template literal backticks.\r\n\r\nIn my `snippets.cson` I've tried \r\n```cson\r\n'*':\r\n  # Styled Components\r\n  'SC prop destructure':\r\n    prefix: 'scp',\r\n    body: \"${({ $1 }) => $1 && $2 }\"\r\n```\r\n\r\nThe snippet will show for autocomplete throughout the rest of the file; as soon as I move the caret into the css syntax highlighted area, the snippet won't show. Is there a particular source I need to target to have it show? `*`, `source.js`, or even `source.css` won't seem to apply it within that zone.\r\n\r\nThanks for all your hard work, everything else works like a dream."}}
{"actor":{"display_login":"DJTB"}}