by adding a svelte property (not sure if this is really the way to go!) we can make the runtime build version in svelte kit make work too. Without this, things end badly when running the build version:
```
0|itis-tng | TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".svelte" for /home/oetiker/checkouts/itis-tng-svelte-tailwind/node_modules/svelte-carousel/src/components/Carousel/Carousel.svelte
0|itis-tng | at new NodeError (node:internal/errors:387:5)
0|itis-tng | at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:76:11)
0|itis-tng | at defaultGetFormat (node:internal/modules/esm/get_format:118:38)
0|itis-tng | at defaultLoad (node:internal/modules/esm/load:81:20)
0|itis-tng | at nextLoad (node:internal/modules/esm/loader:165:28)
0|itis-tng | at ESMLoader.load (node:internal/modules/esm/loader:608:26)
0|itis-tng | at ESMLoader.moduleProvider (node:internal/modules/esm/loader:464:22)
0|itis-tng | at new ModuleJob (node:internal/modules/esm/module_job:63:26)
0|itis-tng | at ESMLoader.#createModuleJob (node:internal/modules/esm/loader:483:17)
0|itis-tng | at ESMLoader.getModuleJob (node:internal/modules/esm/loader:441:34)
```
Can't deploy to Netlify because package throws an error of not having `type: module` in package.json:
```
Dec 29, 11:07:56 AM: 6be0f3aa ERROR (node:8) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)
Dec 29, 11:07:56 AM: 6be0f3aa ERROR Unhandled Promise Rejection {"errorType":"Runtime.UnhandledPromiseRejection","errorMessage":"SyntaxError: Cannot use import statement outside a module","reason":{"errorType":"SyntaxError","errorMessage":"Cannot use import statement outside a module","stack":["/var/task/node_modules/svelte-carousel/src/main.js:1","import Carousel from './components/Carousel/Carousel.svelte'","^^^^^^","","SyntaxError: Cannot use import statement outside a module"," at Object.compileFunction (node:vm:352:18)"," at wrapSafe (node:internal/modules/cjs/loader:1033:15)"," at Module._compile (node:internal/modules/cjs/loader:1069:27)"," at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)"," at Module.load (node:internal/modules/cjs/loader:981:32)"," at Function.Module._load (node:internal/modules/cjs/loader:822:12)"," at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:163:29)"," at ModuleJob.run (node:internal/modules/esm/module_job:198:25)"," at async Promise.all (index 0)"," at async ESMLoader.import (node:internal/modules/esm/loader:385:24)"]},"promise":{},"stack":["Runtime.UnhandledPromiseRejection: SyntaxError: Cannot use import statement outside a module"," at process.<anonymous> (file:///var/runtime/index.mjs:1194:17)"," at process.emit (node:events:527:28)"," at emit (node:internal/process/promises:140:20)"," at processPromiseRejections (node:internal/process/promises:274:27)"," at processTicksAndRejections (node:internal/process/task_queues:97:32)"]}
Dec 29, 11:07:56 AM: Unknown application error occurred
Runtime.Unknown
Dec 29, 11:07:56 AM: 6be0f3aa Duration: 634.54 ms Memory Usage: 58 MB
```
Using the `$app/env` we can make this look much more idiomatic. While still ensuring the code only runs in the browser.
The compiler is not entirely happy as it still complains:
```
svelte-carousel doesn't appear to be written in CJS, but also doesn't appear to be a valid ES module (i.e. it doesn't have "type": "module" or an .mjs extension for the entry point). Please contact the package author to fix.
```
but the resulting code seems to work fine
This was prevent carousel particles that contained clickable items from
working properly on mobile devices.
Removing preventDefault from both locations allows these items to
response properly when clicked. No adverse behavior had been observed.
Tested on a Pixel 2 phone monitored with chrome dev tools.
