Skip to content

Commit 3db84b6

Browse files
Merge pull request #2 from webdevnerdstuff/dev
Dev
2 parents db85478 + 4c18a0b commit 3db84b6

18 files changed

+187
-75
lines changed

README.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,9 @@
22

33

44
## Development Playground
5-
`pnpm i && pnpm play`
5+
`pnpm i && pnpm play`
6+
7+
Playground file can be found in `./src/playground/PlaygroundPage.vue`
68

79

810
## Description

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "vuetify-drilldown-table",
33
"version": "0.0.0-alpha1",
44
"description": "The vuetify-drilldown-table",
5-
"private": true,
5+
"private": false,
66
"main": "dist/vuetify-drilldown-table.js",
77
"module": "dist/vuetify-drilldown-table.es.js",
88
"types": "dist/types/index.d.ts",

src/App.vue

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -41,15 +41,10 @@ import AppBar from '@/layout/AppBar.vue';
4141
import MenuComponent from '@/components/MenuComponent.vue';
4242
import DocsComponent from '@/components/DocsComponent.vue';
4343
import { useCoreStore } from '@/stores/index';
44+
import { DrawerOptions } from '@/components/types';
4445
4546
const store = useCoreStore();
4647
47-
type DrawerOptions = {
48-
absolute: boolean;
49-
color: string;
50-
elevation: number;
51-
};
52-
5348
const drawer = ref<boolean>(true);
5449
const drawerOptions = ref<DrawerOptions>({
5550
absolute: true,

src/components/DocsComponent.vue

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -113,16 +113,17 @@ import {
113113
SlotsComponent,
114114
UsageComponent,
115115
} from '@/components/docs';
116+
import { DocClasses } from '@/components/types';
116117
117-
const links: string[] = inject('links');
118+
const links = inject('links');
118119
119-
const classes: string[] = reactive({
120+
const classes = reactive<DocClasses>({
120121
h2: 'v-heading text-h4 text-sm-h4 mb-3',
121122
h3: 'v-heading text-h5 text-sm-h5 mb-1',
122123
headerA: 'text-decoration-none text-right text-md-left',
123124
appLink: 'app-link text-decoration-none primary--text font-weight-medium d-inline-block font-weight-bold',
124125
});
125-
const componentVersion: number = ref(packageInfo.version);
126+
const componentVersion = ref<string>(packageInfo.version);
126127
127128
provide('classes', classes);
128129
</script>

src/components/MenuComponent.vue

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,12 @@ import { inject, onMounted, reactive, ref } from 'vue';
2323
2424
const drawerOptions = inject('drawerOptions');
2525
26-
const active = ref(true);
27-
const menuItems = reactive([
26+
const active = ref<string>('');
27+
const menuItems = reactive<{
28+
title: string;
29+
icon: string;
30+
href: string;
31+
}[]>([
2832
{ title: 'Home', icon: 'mdi-home', href: '#home' },
2933
{ title: 'Installation', icon: 'mdi-plus-thick', href: '#installation' },
3034
{ title: 'Description', icon: 'mdi-information-outline', href: '#description' },
@@ -65,4 +69,5 @@ function smoothScroll() {
6569
6670
</script>
6771

68-
<style lang="scss"></style>
72+
<style lang="scss">
73+
</style>
Lines changed: 19 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,29 @@
11
<template>
22
<v-row>
3-
<v-col id="dependencies" class="mb-5" cols="12">
3+
<v-col
4+
id="dependencies"
5+
class="mb-5"
6+
cols="12"
7+
>
48
<h2 :class="classes.h2">
5-
<a :class="classes.headerA" href="#dependencies">#</a>
9+
<a
10+
:class="classes.headerA"
11+
href="#dependencies"
12+
>#</a>
613
Dependencies
714
</h2>
815

916
<v-row>
1017
<v-col cols="12">
11-
<a :href="store.links.vuetify" target="_blank">Vuetify v3</a>
18+
<a
19+
:href="store.links.vuetify"
20+
target="_blank"
21+
>Vuetify v3</a>
1222
<br />
13-
<a :href="store.links.vue" target="_blank">Vue 3</a>
23+
<a
24+
:href="store.links.vue"
25+
target="_blank"
26+
>Vue 3</a>
1427
</v-col>
1528
</v-row>
1629
</v-col>
@@ -20,8 +33,9 @@
2033
<script setup lang="ts">
2134
import { inject } from 'vue';
2235
import { useCoreStore } from '@/stores/index';
36+
import { DocClasses } from '@/components/types';
2337
24-
const classes: string[] = inject('classes');
38+
const classes = inject<DocClasses>('classes');
2539
2640
const store = useCoreStore();
2741
</script>

src/components/docs/DescriptionComponent.vue

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
11
<template>
22
<v-row>
3-
<v-col id="description" class="mb-5" cols="12">
3+
<v-col
4+
id="description"
5+
class="mb-5"
6+
cols="12"
7+
>
48
<h2 :class="classes.h2">
5-
<a :class="classes.headerA" href="#description">#</a>
9+
<a
10+
:class="classes.headerA"
11+
href="#description"
12+
>#</a>
613
Description
714
</h2>
815

@@ -17,7 +24,8 @@
1724

1825
<script setup lang="ts">
1926
import { inject } from 'vue';
27+
import { DocClasses } from '@/components/types';
2028
21-
const links: string[] = inject('links');
22-
const classes: string[] = inject('classes');
29+
const classes = inject<DocClasses>('classes');
30+
const links = inject('links');
2331
</script>

src/components/docs/EventsComponent.vue

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
11
<template>
22
<v-row>
3-
<v-col id="events" class="mb-5" cols="12">
3+
<v-col
4+
id="events"
5+
class="mb-5"
6+
cols="12"
7+
>
48
<h2 :class="classes.h2">
5-
<a :class="classes.headerA" href="#events">#</a>
9+
<a
10+
:class="classes.headerA"
11+
href="#events"
12+
>#</a>
613
Events
714
</h2>
815

@@ -58,8 +65,9 @@
5865

5966
<script setup lang="ts">
6067
import { inject, ref } from 'vue';
68+
import { DocClasses } from '@/components/types';
6169
62-
const classes: string[] = inject('classes');
70+
const classes = inject<DocClasses>('classes');
6371
6472
const headers: object[] = [
6573
{
@@ -84,5 +92,5 @@ const items: object[] = [
8492
desc: 'TBD',
8593
},
8694
];
87-
const search: string = ref('');
95+
const search = ref<string>('');
8896
</script>

src/components/docs/ExampleComponent.vue

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
11
<template>
22
<v-row>
3-
<v-col id="example" class="mb-5" cols="12">
3+
<v-col
4+
id="example"
5+
class="mb-5"
6+
cols="12"
7+
>
48
<h2 :class="classes.h2">
5-
<a :class="classes.headerA" href="#example">#</a>
9+
<a
10+
:class="classes.headerA"
11+
href="#example"
12+
>#</a>
613
Example
714
</h2>
815

@@ -17,6 +24,7 @@
1724

1825
<script setup lang="ts">
1926
import { inject } from 'vue';
27+
import { DocClasses } from '@/components/types';
2028
21-
const classes: string[] = inject('classes');
29+
const classes = inject<DocClasses>('classes');
2230
</script>

src/components/docs/LegalComponent.vue

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
11
<template>
22
<v-row>
3-
<v-col id="legal" class="mb-5" cols="12">
3+
<v-col
4+
id="legal"
5+
class="mb-5"
6+
cols="12"
7+
>
48
<h2 :class="classes.h2">
5-
<a :class="classes.headerA" href="#legal">#</a>
9+
<a
10+
:class="classes.headerA"
11+
href="#legal"
12+
>#</a>
613
Legal
714
</h2>
815

@@ -20,6 +27,7 @@
2027

2128
<script setup lang="ts">
2229
import { inject } from 'vue';
30+
import { DocClasses } from '@/components/types';
2331
24-
const classes: string[] = inject('classes');
32+
const classes = inject<DocClasses>('classes');
2533
</script>

0 commit comments

Comments
 (0)