Problem with calendar and 3.1.1, but not 3.0.2: Property "$primevue" was accessed during render but is not defined on instance

[maxant]

Setup: not quite conventional in that I'm not using a build tool, but rather just importing scripts on my page:

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<link href="https://unpkg.com/[email protected]/resources/themes/saga-blue/theme.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/resources/primevue.min.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/primeicons.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/components/calendar/calendar.umd.min.js"></script>
<script src="https://unpkg.com/[email protected]/components/dropdown/dropdown.umd.min.js"></script>
...
<div id="app">
    <p-calendar v-model="model.startDate" :showIcon="true" placeholder="Select a date for your order"></p-calendar>
</div>
....
<script>
const App = {
  data() {
    return {
      model: {"startDate": new Date() }
    }
  },
  components: {
    'p-calendar': calendar
  }
}
Vue.createApp(App).mount("#app")

An error appears after refreshing the page:

[Vue warn]: Property "$primevue" was accessed during render but is not defined on instance. 
  at <PCalendar modelValue= Wed Dec 23 2020 00:03:25 GMT+0100 (Central European Standard Time) 
onUpdate:modelValue=fn<onUpdate:modelValue> showicon=true  ... > 
  at <App>

Clicking on the input field gives me a few similar warnings and then this error:

calendar.umd.min.js:1 Uncaught (in promise) TypeError: Cannot read property 'config' of undefined
at Proxy.sundayIndex (calendar.umd.min.js:1)
at ComputedRefImpl.reactiveEffect [as effect] (vue.global.js:407)
at ComputedRefImpl.get value [as value] (vue.global.js:1191)
at Object.get [as sundayIndex] (vue.global.js:6935)
at Object.get (vue.global.js:7249)
at Proxy.getFirstDayOfMonthIndex (calendar.umd.min.js:1)
at Proxy.months (calendar.umd.min.js:1)
at ComputedRefImpl.reactiveEffect [as effect] (vue.global.js:407)
at ComputedRefImpl.get value [as value] (vue.global.js:1191)
at Object.get [as months] (vue.global.js:6935)

If I revert both vue and primevue back to versions 3.0.2, I no longer have this issue.

[dheimoz]

Please check the breaking changes that the new locale API had introduced:
https://primefaces.org/primevue/showcase/#/locale

[cagataycivici]

Please see;

#748

Let us know if you still have issued.

[maxant]

Yes that works now thanks. Updated to:

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<link href="https://unpkg.com/[email protected]/resources/themes/saga-blue/theme.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/resources/primevue.min.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/primeicons.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/components/config/primevue.umd.min.js"></script>
<script src="https://unpkg.com/[email protected]/components/calendar/calendar.umd.min.js"></script>
<script src="https://unpkg.com/[email protected]/components/dropdown/dropdown.umd.min.js"></script>

const app = Vue.createApp(App)
app.use(primevue);
app.mount("#app")

Could you please update the docs: https://primefaces.org/primevue/showcase/#/setup
Under "Script Tag" there is no mention of this requirement.
Thanks! :-)