[+] Add resize listener
This commit is contained in:
@@ -55,6 +55,9 @@ export default class App extends Vue
|
|||||||
{
|
{
|
||||||
router.afterEach(() => this.updateBookmark())
|
router.afterEach(() => this.updateBookmark())
|
||||||
this.updateBookmark()
|
this.updateBookmark()
|
||||||
|
|
||||||
|
// Resize listener
|
||||||
|
window.addEventListener('resize', () => this.calculateBookmarkCss(), true);
|
||||||
}
|
}
|
||||||
|
|
||||||
calculateBookmarkCss(): void
|
calculateBookmarkCss(): void
|
||||||
|
|||||||
+1
-1
@@ -23,7 +23,7 @@ const routes: Array<RouteRecordRaw> = [
|
|||||||
{
|
{
|
||||||
path: '/projects',
|
path: '/projects',
|
||||||
name: 'Projects',
|
name: 'Projects',
|
||||||
component: () => import('../views/About.vue')
|
component: () => import('../views/Projects.vue')
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,19 @@
|
|||||||
|
<template>
|
||||||
|
<div id="Projects">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import {Options, Vue} from 'vue-class-component';
|
||||||
|
|
||||||
|
@Options({components: {}})
|
||||||
|
export default class Projects extends Vue
|
||||||
|
{
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="sass" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user