Bump @nextcloud/vue to 6

pull/37/head
Varun Patil 2022-09-08 16:23:28 -07:00
parent e1448d05ff
commit 3ead2d4e2a
3 changed files with 1222 additions and 583 deletions

1758
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -33,12 +33,12 @@
}, },
"dependencies": { "dependencies": {
"@nextcloud/l10n": "^1.6.0", "@nextcloud/l10n": "^1.6.0",
"@nextcloud/vue": "^5.4.0", "@nextcloud/vue": "^6.0.0-beta.6",
"path-posix": "^1.0.0", "path-posix": "^1.0.0",
"vue": "^2.7.8", "vue": "^2.7.10",
"vue-router": "^3.5.4", "vue-router": "^3.5.4",
"vue-virtual-scroller": "^1.0.10", "vue-virtual-scroller": "^1.0.10",
"webdav": "^4.10.0" "webdav": "^4.11.0"
}, },
"browserslist": [ "browserslist": [
"extends @nextcloud/browserslist-config" "extends @nextcloud/browserslist-config"

View File

@ -1,36 +1,37 @@
<template> <template>
<Content app-name="memories"> <NcContent app-name="memories">
<AppNavigation> <NcAppNavigation>
<template id="app-memories-navigation" #list> <template id="app-memories-navigation" #list>
<AppNavigationItem :to="{name: 'timeline'}" <NcAppNavigationItem :to="{name: 'timeline'}"
:title="t('timeline', 'Timeline')" :title="t('timeline', 'Timeline')"
icon="icon-yourmemories" icon="icon-yourmemories"
exact> exact>
</AppNavigationItem> </NcAppNavigationItem>
<AppNavigationItem :to="{name: 'albums'}" <NcAppNavigationItem :to="{name: 'albums'}"
:title="t('albums', 'Albums')" :title="t('albums', 'Albums')"
icon="icon-files-dark"> icon="icon-files-dark">
</AppNavigationItem> </NcAppNavigationItem>
</template> </template>
<template #footer> <template #footer>
<AppNavigationSettings :title="t('memories', 'Settings')"> <NcAppNavigationSettings :title="t('memories', 'Settings')">
<Settings /> <Settings />
</AppNavigationSettings> </NcAppNavigationSettings>
</template> </template>
</AppNavigation> </NcAppNavigation>
<AppContent> <NcAppContent>
<div class="outer"> <div class="outer">
<router-view /> <router-view />
</div> </div>
</AppContent> </NcAppContent>
</Content> </NcContent>
</template> </template>
<style scoped> <style scoped>
.outer { .outer {
padding: 0 0 0 44px; padding: 0 0 0 44px;
height: 100%; height: 100%;
width: 100%;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -41,11 +42,7 @@
</style> </style>
<script> <script>
import Content from '@nextcloud/vue/dist/Components/Content' import { NcContent, NcAppContent, NcAppNavigation, NcAppNavigationItem, NcAppNavigationSettings} from '@nextcloud/vue'
import AppContent from '@nextcloud/vue/dist/Components/AppContent'
import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'
import AppNavigationItem from '@nextcloud/vue/dist/Components/AppNavigationItem'
import AppNavigationSettings from '@nextcloud/vue/dist/Components/AppNavigationSettings'
import Timeline from './components/Timeline.vue' import Timeline from './components/Timeline.vue'
import Settings from './components/Settings.vue' import Settings from './components/Settings.vue'
@ -53,11 +50,11 @@ import Settings from './components/Settings.vue'
export default { export default {
name: 'App', name: 'App',
components: { components: {
Content, NcContent,
AppContent, NcAppContent,
AppNavigation, NcAppNavigation,
AppNavigationItem, NcAppNavigationItem,
AppNavigationSettings, NcAppNavigationSettings,
Timeline, Timeline,
Settings, Settings,