Coder Social home page Coder Social logo

inertia-plugin's Introduction

Hi! 我是 Lucas Yang


夜空中的小星星,也會閃耀著光芒~~


⭐自我介紹 - About

  • 目前就讀國立空中大學 - 管理與資訊學系
  • 喜歡看動漫,遊戲玩崩壞3、原神

⭐技能 - Skills

Laravel Logo Vue.js Logo Tailwind CSS Logo TypeScript Logo Vite Logo VSCode Logo

⭐專案 - Projects

下面是我的專案列表~

  • Inertia Plugin - The plugin page loader for Inertia.js.
  • Inertia.js Laravel SSR Head - Simple SSR Head for Inertia Laravel.
  • Laravel Wizard - A web Setup Wizard for Laravel application.
  • Laravel Up - Upgrade your Laravel application from Laravel source git repository.
  • Headless UI Float - Easily use Headless UI with Floating UI to position floating elements.
  • C Share buttons - Share to community buttons.
  • Bootstrap Modal - Generate bootstrap 4 modal, And crop&upload image modal.
  • Bootstrap Steps - A simple Bootstrap steps plugin, that supports the mobile client.
  • README 追番列表 - 自動更新 README 追番列表的 GitHub Action 套件
  • ycsPlayer - 線上影音點播包廂 - 線上影音點播包廂 - 像卡拉 OK 點歌機一樣選影片或點歌🎵 跟遠端的朋友們一起同步觀賞✨

⭐贊助 - Sponsor

如果我製作的套件有幫助到你,可以考慮贊助我~ 我會很感謝你~ 而且還可以顯示您的大頭貼在我的主要專案中。

If you think my created packages have helped you, please consider Becoming a sponsor to support my work~ and your avatar will be visible on my major projects.

Become a Patron

⭐追番 - Anime

圖片 番劇 圖片 番劇
恰如細語般的戀歌 夜晚的水母不會游泳
GIRLS BAND CRY 怪人的沙拉碗
搖曳露營△ 第三季 聲優廣播的幕前幕後
為美好的世界獻上祝福!3 轉生為第七王子,隨心所欲的魔法學習之路
老夫老妻重返青春 無職轉生Ⅱ~到了異世界就拿出真本事

我也想要在 README 放追番列表 (那就點這裡~)

inertia-plugin's People

Contributors

ycs77 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

inertia-plugin's Issues

error

Use Version:
Use version when bugs appear.

  • vite: v4 / laravel-mix v6.0.0
  • inertia-plugin: v0.6.0

after adding this on app.js

import { resolvePage } from "~inertia";

resolvedNamespaces is not iterable
Screenshot 2023-05-23 at 15 33 13

i try to create a package using nova4 tool

main app using vite4
nova tool package using mix6

Question regarding using shared components in packages

If one ends up creating couple of packages (lets says 4 for example for their project, how will one use shared components like button, input... etc. that works both in development and deployment environments. And can this be achieved without duplicating the components ?

Add a way to load plugin on runtime

Is your feature request related to a problem? Please describe.
I want my users to be able to install plugins with composer and be able to use them without building JS with Vite.

Describe the solution you'd like
An alternative way to load plugins on runtime

Can the inertia-plugin be used by a laravel app to render a vue file from a locally hosted laravel package?

This is more of a question about how this plugin can be used. Here's a clean repo running Laravel, that isolates a problem I am having:
https://github.com/connecteev/laravel_dummy_code_for_package_customization

This Laravel app makes use of a package that is running Inertia + Vue.js, and uses Vite for asset bundling. Link: https://github.com/connecteev/laravel_dummy_code_for_package_customization/tree/main/_LOCAL_PACKAGES/keenbrain_dummy_package/

All the context you would need to get this running and understand the problem is in the README.md

This is the error I am getting from the package when I run the application and go to http://127.0.0.1:8000/foo:

GET http://[::1]:5173/resources/js/Pages/Foo.vue net::ERR_ABORTED 404 (Not Found)
index.js:4 Uncaught (in promise) Error: Page not found: ./Pages/Foo.vue
    at resolvePageComponent (index.js:4:15)
    at resolve (app.js:13:24)
    at r (createInertiaApp.ts:34:54)
    at j2 (createInertiaApp.ts:38:24)
    at app.js:11:1

I see the same problem when I go to a different route: http://127.0.0.1:8000/portal
In both cases, the Page (Vue file) cannot be rendered, even though it exists in the package: https://github.com/connecteev/laravel_dummy_code_for_package_customization/tree/main/_LOCAL_PACKAGES/keenbrain_dummy_package/resources/js/Pages

Can this Inertia-Plugin be used to fix this problem? If so, can you point me to how that can be done?

Support for Vue3 Composition API

At the moment, this plugin works perfectly for the Options API in Vue 2 and 3.

However, I'm having problems when it comes to using it with Vue 3's Composition API since rather than using this to access the host app's state, you import functions that return that state (e.g. usePage, getCurrentInstance and inject).

All of the above functions return null when using the Composition API since the imports in your addons don't resolve to the same place as the same imports your host app.

Environment: runtime registration
Builder: Vite

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.