Passing props to component in composition api

@gych Maybe I should have been clearer

The

    <div id="app">
        <calendar-year
            route="{{ route('api.calendars.base-calendars.show', $calendar) }}"
            route-save="{{ route('api.calendars.base-calendars.edit', $calendar) }}"
        ></calendar-year>
    </div>

Is in my index.html

@JackJones This should also work in the Composition API. Why do you think this won't work?

@JackJones You mean options or composition API in app.js ? Did you define the component in app.js?

@gych if I use the options API:

app.js:

import './bootstrap';
import { createApp } from "vue/dist/vue.esm-bundler";
import Calendar from './components/Calendarx.js';

Date.prototype.addDays = function (days) {
    var date = new Date(this.valueOf());
    date.setDate(date.getDate() + days);
    return date;
}

createApp(Calendar).mount("#calendar")

Then my Calendarx.js looks like:

import CalendarxYear from "./CalendarxYear.vue";

export default {
    components: { CalendarxYear }
}

and it works, no issues

What I wanted was to do the same using the composition API, so my app.js would look like:

import './bootstrap';
import { createApp } from "vue/dist/vue.esm-bundler";
import Calendar from './components/Calendarx.vue'; // using <script> Tags etc in Vue file

Date.prototype.addDays = function (days) {
    var date = new Date(this.valueOf());
    date.setDate(date.getDate() + days);
    return date;
}

createApp(Calendar).mount("#calendar")

And then I don't know what Calendarx.vue would look like, I just want to use a component purely so I can pass it props in my html view (I'm using Laravel and I need to pass in some routes as props)

@JackJones Try to use this in app.js

import './bootstrap';
import { createApp } from "vue/dist/vue.esm-bundler";
import CalendarxYear from './components/CalendarxYear.vue'

const app = createApp()
app.component('calendar-year', CalendarxYear)
app.mount('#app')

@gych that's the one

I was passing Calendarx to createApp and it wasn't working, having it empty fixes it, thank you so much it's been driving me wild

Plus it lets me get rid of an unneeded file

@JackJones No problem :) I'm glad it works