[Vue] Fix Sitecore querystring property in Link component (#974)

* fixed link querystring issue

* added test for querystring attribute

* removed comments

packages/sitecore-jss-vue/src/components/Link.test.ts

@@ -91,13 +91,17 @@ describe('<Link />', () => {
           class: 'my-link',
           title: 'My Link',
           target: '_blank',
+          querystring: 'foo=bar',
         },
       },
     };
     const rendered = mount(Link, { props }).find('a');
-    const renderedAttrs = rendered.attributes();
-    // note: order of comparison is important for `toMatchObject` as renderedAttrs won't fully match props.field.value
-    expect(props.field.value).toMatchObject(renderedAttrs);
+    expect(rendered.html()).toContain(
+      `href="${props.field.value.href}?${props.field.value.querystring}"`
+    );
+    expect(rendered.html()).toContain(`class="${props.field.value.class}"`);
+    expect(rendered.html()).toContain(`title="${props.field.value.title}"`);
+    expect(rendered.html()).toContain(`target="${props.field.value.target}"`);
   });
 
   it('should render other attributes with other props provided', () => {

packages/sitecore-jss-vue/src/components/Link.ts

@@ -6,6 +6,7 @@ export interface LinkFieldValue {
   className?: string;
   title?: string;
   target?: string;
+  querystring?: string;
 }
 
 export interface LinkField {
@@ -105,7 +106,7 @@ export const Link = defineComponent({
       ...this.$data,
       class: link.class,
       ...this.$attrs,
-      href: link.href,
+      href: link.querystring ? `${link.href}?${link.querystring}` : link.href,
       title: link.title,
       target: link.target,
     };