vue3 cdn based drag and drop unable to load ependencies - vuejs3

TRying to use vue CDN(non web pack, just with CDN mode) and vue drag
https://github.com/SortableJS/vue.draggable.next
but unable to get it working
trying to get a single page app and components .

Related

Generate blurDataURL from nextjs itself without third party api

Nextjs allows us to use placeholder="blur" for the images that we statically import first.
For other images, we can specify a blurDataURL, however this needs generating the blurDataURL for each image on the fly.
I have failed to find a way to generate that blurDataURL in nextjs itself instead of going for third party api's that provide that.
So my queries are:
How can we generate blurDataURL for dynamic images from within nextjs? (by using some library?)
How can we make nextjs just use placeholder="blur" for non statically imported images but coming from the same project folders?
Thanks

My single page website doesn't have API calls and url paramaters. Can I Implement Angular Universal with firebase hosting without using cloud function

I have an angular 9 application deployed in firebase. I am planning to implement Angular Universal SSR for SEO.
Could anyone please clarify my doubts regarding Angular 9 Universal + Firebase hosting.
(I am currently using Spark plan which does not includes cloud functions.)
Can I implement SSR without Firebase cloud functions ?
Also,
My website doesn't have API calls(other than Google Analythics on index.html), no database connectivity and no query string parameters. That means, my home page contents are always same**. In this case, can I use static server side rendering without cloud functions.
If this is possible, How to deploy the output to firebase ?
3.1, Will copy the dist folder contents to server works?
3.2 How to run SSR and non SSR version in my local?
Note: **My website is not static html page, I am providing some client side fuctionality using javascript/typescript code which does not have server calls.
Other than implementing Angular Universal, Is there any way to to achivbe SEO with Angular Apps?
This can be done via Angular pre rendering.
Prerendering does not requires cloud function or node support in server.
It is easy and Angular CLI version > 11 directly supports it.
Now Web crawlers can able to read the entire HTML content. Because the output of prerender is a rendered HTML file.
Steps
Install Angular Express Engine using the below command
ng add #nguniversal/express-engine --clientProject project-example
Run the below command
npm run prerender
Goto dist folder
Copy/deploy contents from the folder 'Browser' to server environment
Note that any code related to window, document, navigator will throw error and should be wrapped inside if condition like this.
if(isPlatformBrowser(this.platformId)){
// your code accessing window, document, navigator.
}

Is correct use vuejs with cshtml and a js (without webpack)

Is a good practice work Vuejs with a unique .js file (all logic there) with a cshtml? like angular 1.0.
Happen that i need mix .net core action controller with Vuejs, it is not a vuejs app, I want use vuejs as my tool to refresh the content.
I created a template that combines .NET with Vue.js. You can use it as a starting point or an example.
GitHub: https://github.com/danijelh/aspnetcore-vue-typescript-template

Xamarin AppUriHandler

I've been struggling with the APPUriHandler to work correct using Xamarin.Forms for building a multi platform app. I am not getting the AppHandler to work correct using the "Shared pages"
Following https://learn.microsoft.com/en-us/windows/uwp/launch-resume/web-to-app-link i have managed to open the appif i launch the app manual, when using a link I get stuck on the SplashScreen
which throws an error :
Its just when using the handler that it fails. I have identified that if I add a new page on the UWP project, and navigate to that page, it works fine. My problem is using the .Net standard (Old PCL) method as it is using multi platform. Is there a way to get past this or call the LoadApplication a different way from UWP MainPage as that is where it breaks
or anything that can steer me in the right direction?

Using meteor in chrome extension

Is it possible to take for example the todos app (from the meteor examples ) and load it as a chrome extension?
Meaning the extension will display the list of the todos on my meteor web app?
You could load the webpage with the extension, yes.
If you wanted to do something more native, you would have to import the data somehow. You could create a page that outputs JSON for the todo list, and process that from within the extension.

Resources