fix(syntax): don't tokenize word ref inside body of attributes

syntaxes/html.json

@@ -192,7 +192,10 @@
         },
         {
           "include": "#tag-aurelia-attribute-with-invoke-attribute"
-        },        
+        },
+        {
+          "include": "#tag-aurelia-ref-attribute"
+        },
         {
           "include": "#tag-aurelia-attribute"
         },
@@ -373,8 +376,12 @@
       "match": "(?<=[^=])\\b([a-zA-Z0-9:-]+)",
       "name": "entity.other.attribute-name.html"
     },
+    "tag-aurelia-ref-attribute": {
+      "match": "\\bref\\b",
+      "name": "ref.attribute.html.au"
+    },
     "tag-aurelia-attribute": {
-      "match": "[^=]\\b(as-element|replaceable|replace-part|view|ref)",
+      "match": "[^=-]\\b(as-element|replace-part|view|replaceable)",
       "name": "attribute.html.au"
     },
     "string-double-quoted": {

test/syntax.html/ref.test.ts

@@ -73,4 +73,32 @@ describe('The Aurelia HTML syntax ref attribute', () => {
 
   });
 
+  it('must tokenize ref attribute with scope "ref.attribute.html.au"', () => {
+
+    // arrange
+    let scope = 'ref.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<div ref="foo">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 5, 8);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });
+
+  it('must not tokenize ref part in body of other attribute', () => {
+
+    // arrange
+    let scope = 'meta.tag.inline.any.html';
+
+    // act
+    let lineToken = tokenizeLine('<meta name="referrer" content="origin-when-crossorigin">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 12, 20);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });
+
 });