@d-mok/quasar-app-extension-quasar-axe 2.1.57 → 2.1.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@d-mok/quasar-app-extension-quasar-axe",
3
- "version": "2.1.57",
3
+ "version": "2.1.59",
4
4
  "description": "A Quasar App Extension",
5
5
  "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
6
6
  "license": "MIT",
@@ -76,6 +76,7 @@
76
76
  <q-page
77
77
  padding
78
78
  class="q-mx-auto q-gutter-md"
79
+ :style="{ 'max-width': maxPageWidth + 'px' }"
79
80
  >
80
81
  <component
81
82
  :is="Component"
@@ -91,12 +92,12 @@
91
92
 
92
93
  <script lang="ts" setup>
93
94
  import { ref } from 'vue'
94
-
95
95
  type item = {
96
96
  title: string
97
97
  caption?: string
98
98
  icon: string
99
99
  link: string
100
+ width?: number
100
101
  }
101
102
 
102
103
  const props = withDefaults(
@@ -122,6 +123,16 @@ const props = withDefaults(
122
123
  )
123
124
 
124
125
  let open = ref(false)
126
+
127
+ import { watch } from 'vue'
128
+ import { useRoute } from 'vue-router'
129
+ const route = useRoute()
130
+
131
+ const maxPageWidth = ref(2000)
132
+
133
+ watch(route, (to, from) => {
134
+ maxPageWidth.value = props.items.get({ link: to.path })?.width ?? 2000
135
+ })
125
136
  </script>
126
137
 
127
138
  <style scoped>
@@ -104,21 +104,6 @@ export class SupbaseBucket extends Map<string, string> {
104
104
  return file
105
105
  }
106
106
 
107
- // async downloadMany(
108
- // paths: string[],
109
- // filenames: string[],
110
- // zipName: string = this.bucketName
111
- // ) {
112
- // let urls = paths.map($ => this.get($) ?? '')
113
- // let zip = await zipCreate(Object.fromEntries(filenames.zip(urls)))
114
- // await zipDownload(zipName, zip)
115
- // }
116
-
117
- // async downloadAll(zipName: string = this.bucketName) {
118
- // let zip = await zipCreate(Object.fromEntries(this))
119
- // await zipDownload(zipName, zip)
120
- // }
121
-
122
107
  reactive(): this {
123
108
  return reactive(this) as this
124
109
  }