Skip to content

Commit 61b6ea9

Browse files
committed
fix(transition): fix lint issue
1 parent 673317c commit 61b6ea9

File tree

3 files changed

+12
-13
lines changed

3 files changed

+12
-13
lines changed

packages/docs/src/examples/transitions/create-css-transition-component.vue

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@
1212
<MyTransition>
1313
<v-card
1414
v-show="show"
15-
width="100"
16-
height="100"
17-
color="secondary"
1815
class="mx-auto mt-5"
16+
color="secondary"
17+
height="100"
18+
width="100"
1919
></v-card>
2020
</MyTransition>
2121
</v-col>
@@ -24,12 +24,12 @@
2424
</template>
2525

2626
<script setup>
27-
import { ref } from 'vue'
28-
import { createCssTransition } from 'vuetify/components/transitions';
27+
import { ref } from 'vue'
28+
import { createCssTransition } from 'vuetify/components/transitions'
2929
30-
const MyTransition = createCssTransition('my-transition')
30+
const MyTransition = createCssTransition('my-transition')
3131
32-
const show = ref(false)
32+
const show = ref(false)
3333
</script>
3434

3535
<style lang="scss">

packages/docs/src/examples/transitions/create-css-transition-prop.vue

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,10 +29,9 @@
2929
</template>
3030

3131
<script setup>
32-
import { ref } from 'vue'
33-
import { createCssTransition } from 'vuetify/components/transitions';
32+
import { createCssTransition } from 'vuetify/components/transitions'
3433
35-
const MyTransition = createCssTransition('my-transition')
34+
createCssTransition('my-transition')
3635
</script>
3736

3837
<style lang="scss">

packages/docs/src/pages/en/styles/transitions.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ You can use Vuetify's transition helper function to easily create your own custo
115115
```js
116116
import { createCssTransition } from 'vuetify/components/transitions';
117117

118-
const MyTransition = createCssTransition('my-transition')
118+
createCssTransition('my-transition')
119119
```
120120

121121
The argument passed to the **createCssTransition** function will be the name of the transition that you can hook into your style. This is an example of what `my-transition` looks like:
@@ -137,13 +137,13 @@ The argument passed to the **createCssTransition** function will be the name of
137137

138138
You can now use this custom transition in a few different ways.
139139

140-
#### As a component
140+
### As a component
141141

142142
The **createCssTransition** function will return a component that you can use in your template.
143143

144144
<ExamplesExample file="transitions/create-css-transition-component" />
145145

146-
#### As a prop
146+
### As a prop
147147

148148
Many of Vuetify’s components contain a **transition** prop. You can send the name of your custom transition to the transition prop.
149149

0 commit comments

Comments
 (0)