Skip to content

Dev #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 21 commits into from
Jun 4, 2023
Merged

Dev #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
9fc4618
Merge branch 'main' into dev
webdevnerdstuff May 30, 2023
a843ed9
Organizing docs
webdevnerdstuff May 31, 2023
bff969c
Adding documentation
webdevnerdstuff May 31, 2023
e67427e
Added accent color
webdevnerdstuff May 31, 2023
4344a58
Added vueuse link
webdevnerdstuff May 31, 2023
2795ec3
Formatting
webdevnerdstuff May 31, 2023
8bc7e75
Updating types
webdevnerdstuff May 31, 2023
3323ac3
Added default color for underline
webdevnerdstuff May 31, 2023
be6b6d0
Updating docs
webdevnerdstuff Jun 3, 2023
0082f53
Changing file names and adjusting
webdevnerdstuff Jun 3, 2023
ee4be77
Adding and updadting types
webdevnerdstuff Jun 4, 2023
ce65af6
Updating names, adding more methods
webdevnerdstuff Jun 4, 2023
5080fb5
Adding class
webdevnerdstuff Jun 4, 2023
d896714
Updatding template
webdevnerdstuff Jun 4, 2023
acda0f8
Addign props
webdevnerdstuff Jun 4, 2023
78d1f99
Updating classes and styles to fix table cell alignment quirks
webdevnerdstuff Jun 4, 2023
49ad0d8
Updating docs
webdevnerdstuff Jun 4, 2023
12d36ca
Adjusting names
webdevnerdstuff Jun 4, 2023
db862a0
Updating Vuetify menu
webdevnerdstuff Jun 4, 2023
5b4cfc9
Changing value back to true after testing
webdevnerdstuff Jun 4, 2023
ccc39d6
Updating docs
webdevnerdstuff Jun 4, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 22 additions & 10 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>

<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vuetify-logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vuetify Inline Fields</title>

<meta name="description"
content="" />
<meta name="keywords"
content="" />
<meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies!" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta name="theme-color" content="#0d47a1" />
</head>

<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>

</html>
150 changes: 145 additions & 5 deletions src/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<v-main class="main-container pb-10">
<v-responsive>
<v-container class="px-10">
<DocsComponent />
<DocsPage />
</v-container>
</v-responsive>
</v-main>
Expand All @@ -26,22 +26,162 @@

<script setup>
import { provide, ref } from 'vue';
import AppBar from './layout/AppBar.vue';
import MenuComponent from './components/MenuComponent.vue';
import DocsComponent from './components/DocsComponent.vue';
import AppBar from './documentation/layout/AppBar.vue';
import MenuComponent from './documentation/components/MenuComponent.vue';
import DocsPage from './documentation/DocsPage.vue';
import { useCoreStore } from './stores/index';


const store = useCoreStore();

const drawer = ref(true);
const drawerOptions = ref({
absolute: false,
color: '',
elevation: 10,
});
const links = store.links;

const menuItems = reactive([
{
href: '#home',
icon: 'mdi:mdi-home',
title: 'Home',
},
{
href: '#installation',
icon: 'mdi:mdi-plus-thick',
title: 'Installation',
},
{
href: '#description',
icon: 'mdi:mdi-information-outline',
title: 'Description',
},
{
href: '#props',
icon: 'mdi:mdi-cog',
items: [
{
href: '#props',
icon: 'mdi:mdi-checkbox-outline',
key: 'shared-props',
title: 'Props',
},
{
href: '#props-shared',
icon: 'mdi:mdi-checkbox-outline',
key: 'shared-props',
title: 'Shared Props',
},
],
title: 'Props',
},
{
href: '#components',
icon: 'mdi:mdi-cog',
items: [
{
icon: 'mdi:mdi-github',
key: 'vuetify-github',
link: links.vuetifyGithub,
title: 'Github',
},
{
key: 'vuetify',
link: `${links.vuetify}en/components/all/`,
title: 'Components',
},
{
href: '#components-props',
icon: 'mdi:mdi-checkbox-outline',
key: 'shared-props',
title: 'Props',
},
{
href: '#components-shared-props',
icon: 'mdi:mdi-checkbox-outline',
key: 'shared-props',
title: 'Shared Props',
},
{
href: '#components-v-inline-checkbox',
icon: 'mdi:mdi-checkbox-outline',
key: 'v-checkbox',
link: `${links.vuetify}en/api/v-checkbox/`,
title: 'VCheckbox',
},
{
href: '#components-v-inline-select',
icon: 'mdi:mdi-format-list-bulleted',
key: 'v-select',
link: `${links.vuetify}en/api/v-select/`,
title: 'VSelect',
},
{
href: '#components-v-inline-switch',
icon: 'mdi:mdi-toggle-switch-off-outline',
key: 'v-switch',
link: `${links.vuetify}en/api/v-switch/`,
title: 'VSwitch',
},
{
href: '#components-v-inline-textarea',
icon: 'mdi:mdi-text-long',
key: 'v-textarea',
link: `${links.vuetify}en/api/v-textarea/`,
title: 'VTextarea',
},
{
href: '#components-v-inline-textfield',
icon: 'mdi:mdi-minus',
key: 'v-text-field',
link: `${links.vuetify}en/api/v-text-field/`,
title: 'VTextField',
},
],
key: 'components',
title: 'Components',
},
{
href: '#events',
icon: 'mdi:mdi-calendar-star',
title: 'Events',
},
{
href: '#slots',
icon: 'mdi:mdi-slot-machine',
title: 'Slots',
},
{
href: '#sass-variables',
icon: 'mdi:mdi-sass',
title: 'SASS Variables',
},
{
href: '#example',
icon: 'mdi:mdi-code-json',
title: 'Example',
},
{
href: '#dependencies',
icon: 'mdi:mdi-asterisk-circle-outline',
title: 'Dependencies',
},
{
href: '#license',
icon: 'mdi:mdi-card-account-details-outline',
title: 'License',
},
{
href: '#legal',
icon: 'mdi:mdi-scale-balance',
title: 'Legal',
},
]);

provide('drawerOptions', drawerOptions);
provide('links', store.links);
provide('menuItems', menuItems);

function toggleDrawer() {
drawer.value = !drawer.value;
Expand Down
113 changes: 0 additions & 113 deletions src/components/MenuComponent.vue
View file
Open in desktop

This file was deleted.

Loading