Moved imports to composition

pull/7377/head
Cagatay Civici 2025-03-05 21:34:27 +03:00
parent 50b11b8d56
commit 6bcfeeb142
20 changed files with 101 additions and 181 deletions

View File

@ -3,13 +3,10 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Avatar from '@/volt/avatar';
code: `import InputText from '@/volt/inputtext'; import AvatarGroup from '@/volt/avatargroup';
` `);
};
}
};
</script> </script>

View File

@ -3,14 +3,10 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Badge from '@/volt/badge';
code: `import Badge from '@/volt/badge';
import OverlayBadge from '@/volt/overlaybadge'; import OverlayBadge from '@/volt/overlaybadge';
` `);
};
}
};
</script> </script>

View File

@ -3,16 +3,12 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Button from '@/volt/button';
code: `import Button from '@/volt/button';
import SecondaryButton from '@/volt/button/secondary'; import SecondaryButton from '@/volt/button/secondary';
import ContrastButton from '@/volt/button/contrast'; import ContrastButton from '@/volt/button/contrast';
import DangerButton from '@/volt/button/danger'; import DangerButton from '@/volt/button/danger';
` `);
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Card from '@/volt/card';
code: `import Card from '@/volt/card'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Checkbox from '@/volt/checkbox';
code: `import Checkbox from '@/volt/checkbox'; `);
`
};
}
};
</script> </script>

View File

@ -3,14 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Chip from '@/volt/chip';
code: ` `);
import Chip from '@/volt/chip';
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Divider from '@/volt/divider';
code: `import Divider from '@/volt/divider'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import InputMask from '@/volt/inputmask';
code: `import InputMask from '@/volt/inputmask'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import InputNumber from '@/volt/inputnumber';
code: `import InputNumber from '@/volt/inputnumber'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import InputText from '@/volt/inputtext';
code: `import InputText from '@/volt/inputtext'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import ProgressBar from '@/volt/progressbar';
code: `import ProgressBar from '@/volt/progressbar'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import RadioButton from '@/volt/radiobutton';
code: `import RadioButton from '@/volt/radiobutton'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Rating from '@/volt/rating';
code: `import Rating from '@/volt/rating'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import SelectButton from '@/volt/selectbutton';
code: `import SelectButton from '@/volt/selectbutton'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Skeleton from '@/volt/skeleton';
code: `import Skeleton from '@/volt/skeleton'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Slider from '@/volt/slider';
code: `import Slider from '@/volt/slider'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Textarea from '@/volt/textarea';
code: `import Textarea from '@/volt/textarea'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import Timeline from '@/volt/timeline';
code: `import Timeline from '@/volt/timeline'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import ToggleButton from '@/volt/togglebutton';
code: `import ToggleButton from '@/volt/togglebutton'; `);
`
};
}
};
</script> </script>

View File

@ -3,13 +3,9 @@
<DocSectionCode :code="code" lang="script" /> <DocSectionCode :code="code" lang="script" />
</template> </template>
<script> <script setup>
export default { import { ref } from 'vue';
data() {
return { const code = ref(`import ToggleSwitch from '@/volt/toggleswitch';
code: `import ToggleSwitch from '@/volt/toggleswitch'; `);
`
};
}
};
</script> </script>