Today I was plagued with an annoying bug! I was banging my head for a while! Let’s get into it! For example purposes, I will show you a snippet of how my code looked like: export default Vue.extend({ name: 'justaname', data() { return { currentSlide: 0 as number }; }, computed: { internalOpen: { get(): boolean { return this.value; }, set(val) { (this as any).$emit('input', false); }, }, }, });

Did you know that the following code will work: The IQueryable<Entity> will attempt to load the entire query result into memory when enumerated. I prefer to use the ToList()method to actually hit the database. In my opinion it’s a lot clearer than the example above. Make sure to read the following documentation about EF Core if you’re interested in performance! Efficient Querying - EF Core Querying efficiently is a vast subject, that covers subjects as wide-ranging as indexes, related entity loading…docs.microsoft.com

The reason that you can’t execute the following code watch: { a: (val, oldVal) => { this.executeMyMethod() } } is because arrow functions bind to the parent context, so ‘this’ will not be the vue context as you expect, this.executeMyMethod will be undefined. This is how your code should look like: watch: { a: function(val, oldVal){ this.executeMyMethod() } }

You can use a deep watcher to properly watch for nested data: complexProperty = { prop1: 'a', prop2: 'b' } watch: { complexProperty: { handler(val, oldval){ // do stuff }, deep: true } } Enjoy!

TLDR Static members do not get garbage collected, even if the AddScoped<MyService> lifetime is used. This means that the static variable will keep the same value for every HTTP request made to the service. My colleague had a question about a static variable maintaining state when a new HTTP call accessed…

If you’re using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. So how do we get them working in a vue 3 project? Start by importing your ion icon: import {heart} from 'ionicons/icons'; If you’re using the composition API, return the icon in your setup: setup() { return { heart } } Last step is adding the icon in your html: <ion-icon :icon="heart"></ion-icon>

Bitcoin is booming We are going to look at cryptocurrencies and or bitcoin in terms of currency to transact ~ Uber CEO We sold 17 cars, Bentleys and Rolls for bitcoin ~ Tilman Fertitta (American billionaire businessman) Tesla buys $1.5 billion in bitcoin, plans to accept it as payment ~ Elon musk There's…

Whenever you navigate to a route that nginx can’t resolve you’ll see a 404 not found. To allow angular to handle the routing simply add the location section, so it redirects back to our index.html server { listen 80; server_name example.org; root /var/www/example.org/; location / { try_files $uri $uri/ /index.html; } } Reload your nginx config: nginx -s reload That’s all, Enjoy!

How to configure Angular route to redirect to a default route if the user goes to a non existent route? I’m working with Angular 11, following steps: Go into your app-routing.module.ts In your routes Array add a new object: {path: '**', redirectTo: '', pathMatch: 'full'} Mine looks like this: const routes: Routes = [{path: '', component: HomeComponent, pathMatch: 'full'}, {path: '**', redirectTo: '', pathMatch: 'full'}];