{this.$slots.default}
; + }, +}); + +export default SubTitle; diff --git a/src/examples/Title.tsx b/src/examples/Title.tsx new file mode 100644 index 0000000..7440554 --- /dev/null +++ b/src/examples/Title.tsx @@ -0,0 +1,11 @@ +import { component } from 'vue-tsx-support'; + +const Title = component({ + render() { + return ( +{this.$slots.default}
+ ); + }, +}); + +export default Title; diff --git a/src/examples/alerts/AlertExample1.tsx b/src/examples/alerts/AlertExample1.tsx new file mode 100644 index 0000000..5202915 --- /dev/null +++ b/src/examples/alerts/AlertExample1.tsx @@ -0,0 +1,19 @@ +import VAlert from '@/components/VAlert'; +import { component } from 'vue-tsx-support'; +import SubTitle from '../SubTitle'; + +const AlertExample1 = component({ + render() { + return ( +
+ Alert
+
+ Awesome!
+
+ Oh !@#$!
+
+ );
+ },
+});
+
+export default AlertExample1;
diff --git a/src/examples/avatars/AvatarExample1.tsx b/src/examples/avatars/AvatarExample1.tsx
new file mode 100644
index 0000000..06570cd
--- /dev/null
+++ b/src/examples/avatars/AvatarExample1.tsx
@@ -0,0 +1,21 @@
+import VAvatar from '@/components/VAvatar';
+import { component } from 'vue-tsx-support';
+import SubTitle from '../SubTitle';
+
+const AvatarExample1 = component({
+ render() {
+ return (
+
+ Avatar
+
+ 
+
+
+
+
+
+ );
+ },
+});
+
+export default AvatarExample1;
diff --git a/src/examples/badges/BadgeExample1.tsx b/src/examples/badges/BadgeExample1.tsx
new file mode 100644
index 0000000..8fa3446
--- /dev/null
+++ b/src/examples/badges/BadgeExample1.tsx
@@ -0,0 +1,24 @@
+import VBadge from '@/components/VBadge';
+import VIcon from '@/components/VIcon';
+import { component } from 'vue-tsx-support';
+import SubTitle from '../SubTitle';
+
+const BadgeExample1 = component({
+ render() {
+ return (
+
+ Badge
+
+ 6
+ shopping_cart
+
+
+ 99
+ mail
+
+
+ );
+ },
+});
+
+export default BadgeExample1;
diff --git a/src/examples/breadcrumbs/BreadcrumbExample1.tsx b/src/examples/breadcrumbs/BreadcrumbExample1.tsx
new file mode 100644
index 0000000..d86ce01
--- /dev/null
+++ b/src/examples/breadcrumbs/BreadcrumbExample1.tsx
@@ -0,0 +1,50 @@
+import VBreadcrumbs from '@/components/breadcrumbs/VBreadcrumbs';
+import { component } from 'vue-tsx-support';
+import SubTitle from '../SubTitle';
+
+const BreadcrumbExample1 = component({
+ data: () => ({
+ breadcrumbs: [
+ {
+ text: 'Dashboard',
+ disabled: false,
+ href: 'breadcrumbs_dashboard',
+ },
+ {
+ text: 'Link 1',
+ disabled: false,
+ href: 'breadcrumbs_link_1',
+ },
+ {
+ text: 'Link 2',
+ disabled: true,
+ href: 'breadcrumbs_link_2',
+ },
+ ],
+ }),
+ render() {
+ return (
+
+ Breadcrumbs
+ [
+ {props.item.text},
+ ],
+ }}
+ />
+ {/** @deprecated 'default slot' is deprecated, use ':items and scoped slot "item"' instead */}
+ {/*
+ WTF
+ WTF 2
+ WTF 3
+ */}
+
+ );
+ },
+});
+
+export default BreadcrumbExample1;
diff --git a/src/examples/buttons/ButtonExample1.tsx b/src/examples/buttons/ButtonExample1.tsx
new file mode 100644
index 0000000..9c286cb
--- /dev/null
+++ b/src/examples/buttons/ButtonExample1.tsx
@@ -0,0 +1,19 @@
+import VBtn from '@/components/VBtn';
+import { component } from 'vue-tsx-support';
+import SubTitle from '../SubTitle';
+
+const ButtonExample1 = component({
+ render() {
+ return (
+
+ Button
+ Click Me!
+ Click Me!
+ Click Me!
+ Click Me!
+
+ );
+ },
+});
+
+export default ButtonExample1;
diff --git a/src/examples/buttons/ButtonToggleExample1.tsx b/src/examples/buttons/ButtonToggleExample1.tsx
new file mode 100644
index 0000000..9aa7b3d
--- /dev/null
+++ b/src/examples/buttons/ButtonToggleExample1.tsx
@@ -0,0 +1,28 @@
+import VBtn from '@/components/VBtn';
+import VBtnToggle from '@/components/VBtnToggle';
+import VIcon from '@/components/VIcon';
+import { component } from 'vue-tsx-support';
+import SubTitle from '../SubTitle';
+
+const ButtonToggleExample1 = component({
+ render() {
+ return (
+
+ Button Toggle
+
+
+ format_align_left
+
+
+ format_align_center
+
+
+ format_align_right
+
+
+
+ );
+ },
+});
+
+export default ButtonToggleExample1;
diff --git a/src/examples/cards/CardExample1.tsx b/src/examples/cards/CardExample1.tsx
new file mode 100644
index 0000000..f87e94d
--- /dev/null
+++ b/src/examples/cards/CardExample1.tsx
@@ -0,0 +1,41 @@
+import { VBtn, VCard, VCardActions, VCardTitle, VImg } from '@/components';
+import { component } from 'vue-tsx-support';
+import SubTitle from '../SubTitle';
+
+const CardExample1 = component({
+ data: () => ({
+ cardText:
+ 'Lorem ipsum dolor sit amet, brute iriure accusata ne mea. Eos suavitate referrentur ad, te duo agam libris qualisque, utroque quaestio accommodare no qui. Et percipit laboramus usu, no invidunt verterem nominati mel. Dolorem ancillae an mei, ut putant invenire splendide mel, ea nec propriae adipisci. Ignota salutandi accusamus in sed, et per malis fuisset, qui id ludus appareat.',
+ }),
+ render() {
+ return (
+
+ Card
+
+
+
+
+
+
+ Share
+
+
+ Explore
+
+
+
+
+ );
+ },
+});
+
+export default CardExample1;
diff --git a/src/index.ts b/src/index.ts
index 91f52eb..07635cb 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,60 +1 @@
-export { default as VAlert } from './VAlert';
-export { default as VApp } from './VApp';
-export { default as VAvatar } from './VAvatar';
-export { default as VBadge } from './VBadge';
-export { default as VBreadcrumbs } from './VBreadcrumbs';
-export { default as VBreadcrumbsItem } from './VBreadcrumbsItem';
-export { default as VBtn } from './VBtn';
-export { default as VBtnToggle } from './VBtnToggle';
-export { default as VCard } from './VCard';
-export { default as VCardActions } from './VCardActions';
-export { default as VCardMedia } from './VCardMedia';
-export { default as VCardText } from './VCardText';
-export { default as VCardTitle } from './VCardTitle';
-export { default as VCarousel } from './VCarousel';
-export { default as VCarouselItem } from './VCarouselItem';
-export { default as VCheckbox } from './VCheckbox';
-export { default as VChip } from './VChip';
-export { default as VCombobox } from './VCombobox';
-export { default as VContainer } from './VContainer';
-export { default as VContent } from './VContent';
-export { default as VDataTable } from './VDataTable';
-export { default as VDialog } from './VDialog';
-export { default as VDivider } from './VDivider';
-export { default as VFlex } from './VFlex';
-export { default as VIcon } from './VIcon';
-export { default as VImg } from './VImg';
-export { default as VLayout } from './VLayout';
-export { default as VList } from './VList';
-export { default as VListGroup } from './VListGroup';
-export { default as VListTile } from './VListTile';
-export { default as VListTileAction } from './VListTileAction';
-export { default as VListTileAvatar } from './VListTileAvatar';
-export { default as VListTileContent } from './VListTileContent';
-export { default as VListTileSubTitle } from './VListTileSubTitle';
-export { default as VListTileTitle } from './VListTileTitle';
-export { default as VMenu } from './VMenu';
-export { default as VNavigationDrawer } from './VNavigationDrawer';
-export { default as VProgressCircular } from './VProgressCircular';
-export { default as VProgressLinear } from './VProgressLinear';
-export { default as VRadio } from './VRadio';
-export { default as VRadioGroup } from './VRadioGroup';
-export { default as VResponsive } from './VResponsive';
-export { default as VSelect } from './VSelect';
-export { default as VSpacer } from './VSpacer';
-export { default as VSpeedDial } from './VSpeedDial';
-export { default as VSubheader } from './VSubheader';
-export { default as VTab } from './VTab';
-export { default as VTabItem } from './VTabItem';
-export { default as VTabs } from './VTabs';
-export { default as VTabsItems } from './VTabsItems';
-export { default as VTabsSlider } from './VTabsSlider';
-export { default as VTextarea } from './VTextarea';
-export { default as VTextField } from './VTextField';
-export { default as VTimeline } from './VTimeline';
-export { default as VTimelineItem } from './VTimelineItem';
-export { default as VToolbar } from './VToolbar';
-export { default as VToolbarItems } from './VToolbarItems';
-export { default as VToolbarSideIcon } from './VToolbarSideIcon';
-export { default as VToolbarTitle } from './VToolbarTitle';
-export { default as VTooltip } from './VTooltip';
+export * from './components';
diff --git a/src/types.ts b/src/shared/types.ts
similarity index 100%
rename from src/types.ts
rename to src/shared/types.ts
+
+ Kangaroo Valley Safari
+ {this.cardText}
+