quasarframework / quasar-ui-qactivity Goto Github PK

View Code? Open in Web Editor NEW

46.0 4.0 6.0 4.1 MB

Create activity timeline

Home Page: https://qactivity.netlify.app/

License: MIT License

JavaScript 89.96% Sass 2.97% HTML 7.08%

vue quasar-framework quasar timeline-component

quasar-ui-qactivity's Issues

Vite & Webpack version update

component broken on quasar v1.5.0

Did the slot just change?

client?f1f8:135 ./node_modules/@quasar/quasar-app-extension-qactivity/src/component/QActivity.js 38:7-11
"export 'default' (imported as 'slot') was not found in 'quasar/src/utils/slot.js'

vue.runtime.esm.js?2b0e:1888 TypeError: Object(...) is not a function
    at Proxy.render (QActivity.js?c654:36)
    at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:3542)
    at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4060)
    at Watcher.get (vue.runtime.esm.js?2b0e:4473)
    at new Watcher (vue.runtime.esm.js?2b0e:4462)
    at mountComponent (vue.runtime.esm.js?2b0e:4067)
    at VueComponent.Vue.$mount (vue.runtime.esm.js?2b0e:8409)
    at init (vue.runtime.esm.js?2b0e:3118)
    at createComponent (vue.runtime.esm.js?2b0e:5972)
    at createElm (vue.runtime.esm.js?2b0e:5919)

This return is the offending line.

  render (h) {
    return h('ul', {
      staticClass: 'q-activity',
      class: this.classes,
      style: this.styles
    }, slot(this, 'default'))
  }

quasar dev giving dependency error post "quasar ext add @quasar/qactivity"

I'm in the process of upgrading to quasar 2 from quasar 1. So far everything is going well, except I cannot use q-activity.

q-activity works fine under version 1, but I get a dependency error under quasar 2. I'm trying to use vite under version 2.

$ quasar ext add @quasar/qactivity
App • Installing "@quasar/qactivity" Quasar App Extension

App • Installing @quasar/quasar-app-extension-qactivity...
App • [sync] Running "yarn add --dev @quasar/quasar-app-extension-qactivity" in /Users/wouter/Progs/Web-Dev/sb_frontend_new

yarn add v1.22.17
[1/5] 🔍 Validating package.json...
[2/5] 🔍 Resolving packages...
[3/5] 🚚 Fetching packages...
[4/5] 🔗 Linking dependencies...
warning " > @intlify/[email protected]" has unmet peer dependency "vite@^2.0.0".
warning "@quasar/app-vite > [email protected]" has unmet peer dependency "rollup@^2.0.0".
warning " > [email protected]" has unmet peer dependency "postcss@^8.1.0".
[5/5] 🔨 Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ @quasar/[email protected]
info All dependencies
└─ @quasar/[email protected]
✨ Done in 5.24s.
App • Updating /quasar.extensions.json for "@quasar/qactivity" extension ...
App • Quasar App Extension "@quasar/qactivity" successfully installed.

$ quasar dev

.d88888b.
d88P" "Y88b
888 888
888 888 888 888 8888b. .d8888b 8888b. 888d888
888 888 888 888 "88b 88K "88b 888P"
888 Y8b 888 888 888 .d888888 "Y8888b. .d888888 888
Y88b.Y8b88P Y88b 888 888 888 X88 888 888 888
"Y888888" "Y88888 "Y888888 88888P' "Y888888 888
Y8b

App • Running "vuelidate-rules" Quasar App Extension...
App • Running "@quasar/qoverlay" Quasar App Extension...
App • Running "@quasar/qactivity" Quasar App Extension...

App • ⚠️ Extension(@quasar/qactivity): Dependency not found - @quasar/app. Please install it.

If I try try to add @quasar/app, I get another error:

$ quasar dev

App • ⚠️ Error. This command must be executed inside a Quasar v1+ project folder.

I have to remove @quasar/app in order to run 'quasar info':

quasar info

Operating System - Darwin(21.5.0) - darwin/x64
NodeJs - 16.15.0

Global packages
NPM - 8.5.5
yarn - 1.22.17
@quasar/cli - 1.3.2
@quasar/icongenie - 2.5.1
cordova - You have been opted out of telemetry. To change this, run: cordova telemetry on.
11.0.0

Important local packages
quasar - 2.7.1 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app-vite - 1.0.1 -- Quasar Framework App CLI with Vite
@quasar/extras - 1.14.0 -- Quasar Framework fonts, icons and animations
eslint-plugin-quasar - 1.1.0 -- Official ESLint plugin for Quasar
vue - 3.2.37 -- The progressive JavaScript framework for building modern web UI.
vue-router - 4.0.16
pinia - 2.0.14 -- Intuitive, type safe and flexible Store for Vue
vuex - 4.0.2 -- state management for Vue.js
vite - 2.9.1 -- Native-ESM powered web dev build tool
eslint - 8.17.0 -- An AST-based pattern checker for JavaScript.
electron - Not installed
electron-packager - Not installed
electron-builder - Not installed
register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed

Quasar App Extensions
quasar-app-extension-vuelidate-rules - 0.5.1 -- Use Vuelidate methods as internal Quasar rules for validation
@quasar/quasar-app-extension-qoverlay - 2.0.1 -- A Quasar App Extension
@quasar/quasar-app-extension-qactivity - 2.0.0 -- QActivity is an app extension for Quasar for making an activity list

Networking
Host - Keyser2.local
en0 - 192.168.1.32
en3 - 192.168.1.84

(node:22126) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /Users/wouter/Progs/Web-Dev/sb_frontend_new/node_modules/vuex/package.json.
Update this package.json to use a subpath pattern like "./*".
(Use node --trace-deprecation ... to show where the warning was created)

Please can you help. I have searched for an answer, but so far I'm unable to resolve. Apologies if I have logged this incorrectly.

invisible (beginning, end, both)
arrowhead (beginning, end, both)

Whats the difference between this and q-timeline?

https://quasar.dev/vue-components/timeline

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

quasarframework / quasar-ui-qactivity Goto Github PK

quasar-ui-qactivity's Issues

Vite & Webpack version update

component broken on quasar v1.5.0

quasar dev giving dependency error post "quasar ext add @quasar/qactivity"

Support for v2 Quasar (Vue 3)

bar-color prop not natively reactive for $q.dark

optionally cap the beginning and end of the activity

Whats the difference between this and q-timeline?

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent