Skip to content

Layout using VueJs #592

Open
Open

Description

@cydrickn

New Feature Proposal

For more information, see the CONTRIBUTING guide.

Description

Is there a way to use VueJs as the layout for piral

Background

Currently are team is planning to use vuejs, and we are looking to use piral. And due to that we also want to use Vuejs for the Layout instead of react.

Discussion

Activity

  1. FlorianRappl commented on Mar 30, 2023

    @FlorianRappl
    Contributor

    Right now the app shell is made using React. In this mode your options are:

    • Use distributed layouts (by putting the layout elements in a pilet and referencing those via extensions, see https://github.com/piral-samples/piral-distributed-layout)
    • Use the piral-page-layouts plugin to enable page layouts - making the initial layout rather empty and then specifying your layout(s) in Vue

    In general we are thinking about making the app shell actually configurable such that you can use whatever framework you like (as long as there would be an adapter, which is something different from a converter).

    For this to happen we would need to invest in development of the adapter architecture, converting the existing code into the React adapter and making a new adapter for Vue.

    For us, this is at the moment a quite low prio as (besides you) no one we know of would use it. If that work would be supported (either by a sponsorship or by source code contributions) then it would be doable. Otherwise, the two options listed above need to be sufficient.

  2. Alessandroinfo commented on Apr 13, 2023

    @Alessandroinfo

    It will be interesting about making the piral instance layouting framework independent.

  3. added this to the 2.0.0 milestone on Jun 12, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthelp wantedExtra attention is neededin-reviewThe item is currently being reviewed.workaround-availableA workaround for the issue is available.

    Type

    No type

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions