File tree Expand file tree Collapse file tree 1 file changed +13
-13
lines changed Expand file tree Collapse file tree 1 file changed +13
-13
lines changed Original file line number Diff line number Diff line change @@ -32,31 +32,31 @@ npm install @vue/composition-api
3232
3333## Setup
3434
35- ```
35+ ``` js
3636import Vue from ' vue' ;
3737import VueCompositionAPI from ' @vue/composition-api' ;
3838Vue .use (VueCompositionAPI);
3939```
4040
4141## Usage
4242
43- ```
43+ ``` html
4444<template >
4545 <div >isDesktop: {{ isDesktop ? 'Yes' : 'No' }}</div >
4646</template >
4747
4848<script lang =" ts" >
49- import Vue from 'vue'
50- import { useMedia } from 'vue-use-kit'
51-
52- export default Vue.extend({
53- name: 'UseMedia',
54- setup() {
55- const query = '(min-width: 1024px)'
56- const isDesktop = useMedia(query)
57- return { isDesktop }
58- }
59- })
49+ import Vue from ' vue'
50+ import { useMedia } from ' vue-use-kit'
51+
52+ export default Vue .extend ({
53+ name: ' UseMedia' ,
54+ setup () {
55+ const query = ' (min-width: 1024px)'
56+ const isDesktop = useMedia (query)
57+ return { isDesktop }
58+ }
59+ })
6060 </script >
6161```
6262
You can’t perform that action at this time.
0 commit comments