Moved imports to composition
parent
50b11b8d56
commit
6bcfeeb142
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue