refactor(c-media-query): replace unref for query value with .value

TylerAPfledderer · TylerAPfledderer · commit e98e3f88b1f7 · 2022-10-27T15:38:29.000-04:00
diff --git a/packages/c-media-query/src/c-hide.tsx b/packages/c-media-query/src/c-hide.tsx
@@ -25,7 +25,7 @@ export const CHide: ComponentWithProps<CHideProps> = defineComponent({
   setup(props, { slots }) {
     const query = useQuery(props)
     return () => (
-      <CVisibility breakpoint={unref(query)} hide>
+      <CVisibility breakpoint={query.value} hide>
         {() => getValidChildren(slots)}
       </CVisibility>
     )
diff --git a/packages/c-media-query/src/c-show.tsx b/packages/c-media-query/src/c-show.tsx
@@ -41,7 +41,7 @@ export const CShow: ComponentWithProps<CShowProps> = defineComponent({
     const query = useQuery(props)
     return () => {
       return (
-        <CVisibility breakpoint={unref(query)}>
+        <CVisibility breakpoint={query.value}>
           {() => getValidChildren(slots)}
         </CVisibility>
       )

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export const CHide: ComponentWithProps<CHideProps> = defineComponent({`
`25`	`25`	`setup(props, { slots }) {`
`26`	`26`	`const query = useQuery(props)`
`27`	`27`	`return () => (`
`28`		`- <CVisibility breakpoint={unref(query)} hide>`
	`28`	`+ <CVisibility breakpoint={query.value} hide>`
`29`	`29`	`{() => getValidChildren(slots)}`
`30`	`30`	`</CVisibility>`
`31`	`31`	`)`
Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ export const CShow: ComponentWithProps<CShowProps> = defineComponent({`
`41`	`41`	`const query = useQuery(props)`
`42`	`42`	`return () => {`
`43`	`43`	`return (`
`44`		`- <CVisibility breakpoint={unref(query)}>`
	`44`	`+ <CVisibility breakpoint={query.value}>`
`45`	`45`	`{() => getValidChildren(slots)}`
`46`	`46`	`</CVisibility>`
`47`	`47`	`)`